Introduction to Progressive Web App

Progressive Web App Dev Summit Yangon 2016

Transcript

1. #pwadevsummit GDG YANGON Progressive Web App Li Jia Li @EyeOfDragonLi Introduction to
2. #pwadevsummit GDG YANGON Native Apps Pros - Easily accessible from home screen - instant loading - Work offline - smooth interactions and animations. - push notifications Cons - installation & update ( time & data usage ) - not easily sharable - dealing with low memory phones - distributing native apps is pain.
3. #pwadevsummit GDG YANGON Web Apps Pros - Cross platform - easily shareable with links - always can accessible to most updated app without any pain of updating the app Cons - Do not work offline - not on your homescreen - can’t do push notifications to your phone
4. #pwadevsummit GDG YANGON Progressive Web App ? - Installable & Sharable via url - work online, offline, or on intermittent, slow connections - instant loading ( with splash screen ) - push notifications - safe : served via HTTPS - smooth animation under 60fps
5. #pwadevsummit GDG YANGON Real Life PWAs https://pwa.rocks/
6. #pwadevsummit GDG YANGON Overview of Progressive Web App
7. #pwadevsummit GDG YANGON App Shell
8. #pwadevsummit GDG YANGON
9. #pwadevsummit GDG YANGON Service Workers
10. #pwadevsummit GDG YANGON
11. #pwadevsummit GDG YANGON
12. #pwadevsummit GDG YANGON Installability and App Manifest
13. #pwadevsummit GDG YANGON manifest.json
14. #pwadevsummit GDG YANGON <link rel="manifest" href="/manifest.json">
15. #pwadevsummit GDG YANGON Push Notifications
16. #pwadevsummit GDG YANGON https://www.youtube.com/watch?v=Z_K8QPQe6oM
17. #pwadevsummit GDG YANGON Learn more about Push Notifications Your first push notifications web app https://codelabs.developers.google.com/codelabs/push-notifications
18. #pwadevsummit GDG YANGON The Future of PWA - Knowing who the user is ( User Authentication ) - Enabling Payments - Connecting with hardware
19. #pwadevsummit GDG YANGON Today Codelabs Your first Progressive Web App https://codelabs.developers.google.com/codelabs/your-first-pwapp Build a Progressive Web App with Firebase, Polymerfire and Polymer Components Codelab https://codelabs.developers.google.com/codelabs/polymer-firebase-pwa