[io PWA] keynote: Launching a Progressive Web App on Google.com

Posted 2020-07-10 Answer1215

Mainly about

1. Material design (effects / colors / flashy stuff)
2. Components (web components / polymer)
3. Offline / notifications (Service worker / iDB / Firebase)

 

Progressive web app:

• HTTPS
• Add to home screen
• Splash screen
• service worker
  • 　　notifications, bg sync
• offline

 

Service worker:

• send reminders
  • 　　sessiong starting / updated / rate
  • 
• fully offline experience
  • 　　Offline analytices
• Performance tool -- analytics

Noticification:

 

 

Debug service worker:

 

Polymer:

• 　app-layout: Github

• Page lifecycle:

 

Firebase:

 

unhandled promise rejections:

 

Web animation API:
Github