Progressive Web Apps

What's a PWA?

• Great Web Experience
  • Loads Quickly
  • Searchable
  • Sharable
  • Secure
  • No Installation

• Great Mobile Experience
  • Integrates with OS
  • Fast Performance
  • Offline
  • Notifications
  • Native Hardware

• Seamless Transition
  • Progressive Enhancement

Why PWA?

Flipkart

India’s largest e-commerce site combined their web presence and native app into a Progressive Web Application.

• 3X time-on-site
• 70% increase in conversions
• 40% increase in
  re-engagement

We know that everyone needs to build mobile-first experiences. With Flipkart Lite, we’ve developed a powerful, technically-advanced web app that performs as well as our native app. We now feel we have the best of both worlds.
- Amar Niagara, Engineering Director at Flipkart

How to PWA?

Google Chrome

• App Shell
• Service Worker
• Application Manifest

Angular 2

• Mobile App Toolkit

PWAs with Angular 2

• Fully Supported, Built at Compilation
  • App Shell
  • Service Worker
  • Application Manifest
• Use Angular CLI to start
• https://mobile.angular.io/

Performance of native, discoverability of the Web

The Angular Mobile Toolkit makes it easy to build snappy Web apps that load instantly on any device, even without an internet connection. Take advantage of the searchability, shareability, and no-install-required-ability of the Web without compromise.

Automatic Progressive Web Apps

Build Progressive Web Apps with ease using Angular CLI and Angular Mobile Toolkit. Plugins and libraries for App Shell, Service Worker, and Application Manifest make it easy to create installable, offline-capable, mobile-network-friendly apps in minutes.

Keep Up With Angular 2 Mobile

Jeff Cross & Alex Rickabaugh

• Remember them?
  • May 2015
  • AngularJS 2 With Friends
  • AngularJS Las Vegas
  • ngVegasConf
• ngConf 2016
  • Progressive Web Apps