Downloaded 13 times
Uploaded byChristian Heilmann
Progressive Web Apps - Bringing the web front and center
This document discusses progressive web apps (PWAs). It notes that PWAs aim to make web apps feel like native mobile apps by being discoverable, installable, linkable, safe, responsive and progressive. The document outlines some key characteristics of PWAs, including that they need to be served from secure origins and have app manifests. It also discusses some common misconceptions around PWAs and notes that as PWAs improve, they will continue to blur the line between web apps and native mobile apps.
More Related Content
Similar to Progressive Web Apps - Bringing the web front and center
![Progressive Web Apps and the Windows Ecosystem [Build 2017]](https://cdn.slidesharecdn.com/ss_thumbnails/progressivewebappsandthewindowsecosystembuild2017-170512062428-thumbnail.jpg?width=640&height=640&fit=bounds)
Progressive Web Apps - Bringing the web front and center
- 4.
- 5.
- 6. Lots of events,tools, ideas and great documentation – and a few misconceptions
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 27.
- 28.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 43. PWA is Discoverable InstallableLinkableSafe
- 44. needs to beserved from a secure origin
- 45. needs to havean app manifest
- 48.
- 49.
- 50.
- 51.
- 52.
- 53. can use yourproduct no matter what
- 54.
- 55.
- 56.
- 58.
- 59. Act as proxyservers that sit between web apps, the browser, and the network.
- 60. Define the ruleswhat should be cached and loaded from where – no more hoping the browser caches your work.
- 61. Intercept network requestsand define what happens. Serve from cache, refresh, convert before display, etc….
- 62. Refresh your appin the background, pull new content and notify the user with push notifications that something new is available.
- 63. Detect support easily.If your user’s device doesn’t support it, fall back to push service.
- 65. PWA is Discoverable InstallableLinkableSafe
- 66.
- 68. “try before youbuy”
- 69. Updates happen inthe background
- 70.
- 71.
- 72.
- 73.
- 74.
- 75. Active Submission Passive Ingestion
- 87. a PWA willjust be an app
- 88.
- 89. Available Now • • • Coming soon •Service Worker • Cache API • Push API
- 90. Standalone Window Independent from browser process Less overhead Isolated cache Nearly unlimited storage (indexed DB, localStorage, etc.) Offline & background processes Access to Windows Runtime (WinRT) APIs via JavaScript Calendar Cortana Address Book
- 92.
- 93. new users will enjoyyour products
- 94. App core iPhone iPad Android Phone Android Tablet Windows MacOS Web Submitto App Store Submit to Play Store Submit to Windows Store Submit to Mac App Store Host
- 95. App core iPhone iPad Android Phone Android Tablet Windows MacOS Web Submitto App Store Submit to Play Store Submit to Windows Store Submit to Mac App Store Host App core Web iPhone iPad Android Phone Android Tablet Windows MacOS Other PWA-capable Host Free
- 96. brings the bestof the web