Progressive Web Apps
Google Developer Group Las Vegas
August 10, 2016
Terence Carroll
SOFTWARE ENGINEER
Las Vegas, NV
@thack
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.
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?
- ngConf 2016
PWA Keynote
Progressive Web App Dev Summit 2016
Amsterdam, Netherlands
June 20, 2016
Thao Tran and Alex Russell
PWA Codelab
- Framework Agnostic
- Together
- Migrate your site to a Progressive Web App
- https://goo.gl/Mn2hj0
- 30 minutes, Google Chrome, Text Editor
- Homework
- More PWA Codelabs
Progressive Web Apps
By thack
Progressive Web Apps
- 276