Progressive Web Applications: The What, the Why and the How

on YouTube ↗38m

" summary

Progressive Web Apps are websites that behave like native apps by combining service worker caching and background sync with a web app manifest.json to enable offline use, home-screen install and push (limited on iOS). The talk shows concrete examples (Starbucks, Google I/O, Twitter Lite, an Indian bus app, Santa Tracker), explains cache strategies (cache-first, network-first, stale-while-revalidate, race-with-timeout), recommends HTTPS, and demos tools: PWABuilder, Workbox and server-side web-push plus IndexedDB queuing for reliable background sync.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 3:18Native Apps
3. 13:31PWA Limitations
4. 14:30PWA Technical Components
5. 18:56Lifecycle
6. 19:59Register a Service Worker
7. 22:53Sample Service Worker
8. 32:00Background Sync - Workbox

" related talks

• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019
• 53mProgressive Web Applications - The best of both worlds (App & Web)Noorulameen Noorulameen · Voxxed Days Singapore 2018
• 32mProgressive Web AppsMike Oram · Dutch PHP Conference 2018
• 46mProgressive Web Apps with the Service Worker APISimon Skoczylas · W-JAX 2018
• 31mWeb for all The power of progressive web appsPatricio Vargas · Build Stuff 2021
• 43mProgressive Web Apps - the Return of the Web?Christian Heilmann · GOTO Copenhagen 2016