PWA for Mobile Engineers

on YouTube ↗24m

" summary

Progressive Web Apps deliver concrete wins: offline and instant loading via service worker registered from main.js, pre-caching and fetch-intercept logic using the Cache API, push handled with Firebase Cloud Messaging, and background sync for deferred work. Chrome DevTools, Workbox and Lighthouse are used for testing and caching strategies. Practical limits: Twitter Lite is ~700 KB and works, Windows 10 accepts PWAs in its store, while Safari/iOS imposes cache size and retention limits and lacks push and reliable background sync.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 4:25Service Worker
3. 10:48Cache API
4. 12:46Push Notifications
5. 15:55Progressive Icons
6. 17:34Chrome Dev Tool
7. 19:02Workbox
8. 20:17Browser support

" related talks

• 48mPWAs, are we there yet?!Simona Cotin · Frontend United 2018
• 44mPWA - Welcome to the FutureDavid Müllerchen · code.talks 2017
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 49mIntro To Progressive Web AppsChris Lorenzo · LambdaConf 2024
• 31mWeb for all The power of progressive web appsPatricio Vargas · Build Stuff 2021
• 22mPWAs, are we there yet?!Simona Cotin · NG Poland 2018
• 32mProgressive Web AppsMike Oram · Dutch PHP Conference 2018
• 13mLightning Talks: PWA - A Farewell To AppsAndreas Ahlgren · NDC Oslo 2018