Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
- 1. Progressive Web Apps Jeff Burtoft - @boyofgreen
- 2. Progressive Web App Progressive Web Applications take advantage of new technologies to bring the best of web sites and native applications to users. They're reliable, fast, and engaging.
- 3. What does it mean to be progressive Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, while also providing an enhanced version of the page to those with more advanced browsers
- 4. W3C Manifest One manifest to rule them all App Container 1st class runtime environment for web apps Service Workers A web worker that can run independent of Page and in the background {x}
- 5. Service Workers Supported by : promises Cache API Notifications Fetch
- 6. Promises:
- 9. Cache API:
- 11. W3C Manifest
- 12. App Container Presentation Backgrounding App Management Install / Uninstall
- 13. App Container
- 14. Progressive Web Apps Should work everywhere One app to rule them all
- 15. Tooling: Manifoldjs Browser Site W3C Manifest PWA Chrome App HWA Windows 10 App Manifoldjs Polyfills iOS Android Other platforms Mac., Office, FF etc.
- 16. Tooling: Manifoldjs Store Submission App Packaging Image generation Native API access W3C Manifest Creation Offline Scenarios App Testing
- 17. Are PWAs ready yet? Being “Progressive” about the way use utilize them will allow you to take advantage of the strengths of each platform, without loosing backwards compatibility
- 19. Discussion Time What are your plans for PWA? What do you think you can do right now? What is your app strategy today? What else is missing from this strategy? What should we do next?