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

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:

  • Page lifecycle:

 

Firebase:

 

unhandled promise rejections:

 

Web animation API:
Github

 

posted @ 2016-05-22 16:30  Zhentiw  阅读(297)  评论(0编辑  收藏  举报