Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Progressive Web Apps

Progressive Web Apps

Progressive Web App talk given at Node School Cincy. Talk link: https://youtu.be/FXAOGZ3Gw4U Demo app: https://github.com/domfarolino/pwa-meetup

Dominic Farolino

February 08, 2017
Tweet

Other Decks in Programming

Transcript

  1. Roadmap 1 Native vs. Web 3 Role of the Service

    Worker 4 Build! 2 Progressive Web Apps
  2. Roadmap 1 Native vs. Web 3 Role of the Service

    Worker 4 Build! 2 Progressive Web Apps
  3. Roadmap 1 Native vs. Web 3 Role of the Service

    Worker 4 Build! 2 Progressive Web Apps
  4. • Access to native hardware • Work & load offline

    • Push Notifications • Home Screen 1 Native vs. Web
  5. 1 Wrapping Up Features Native Web Bluetooth x Camera/Mic x

    Location x Storage x Offline x Push Notifications x Home Screen x
  6. No app model • No downloadable bundle (shell) • Text

    parsing/display (HTML) • Basic styles (CSS) • Basic interactive content (JS)
  7. Roadmap 1 Native vs. Web 3 Role of the Service

    Worker 4 Build! 2 Progressive Web Apps
  8. • Just JavaScript! (typical) • Utilize browser’s OS integrations •

    User gets a progressively richer experience • Feature detection 2 Progressive Enhancement
  9. Features Native Web Bluetooth x x Camera/Mic x x Location

    x x Storage x x/2 Offline x Push Notifications x Home Screen x 2 Progressive Enhancement
  10. Roadmap 1 Native vs. Web 3 Role of the Service

    Worker 4 Build! 2 Progressive Web Apps
  11. Service Worker • Event driven client side proxy • Intercepts

    network requests • Persistent request/response cache
  12. Roadmap 1 Native vs. Web 3 Role of the Service

    Worker 4 Build! 2 Progressive Web Apps