Cross-platform Progressive Web Apps

on YouTube ↗32m

" summary

Explains how a single codebase uses manifest.json + service workers to deliver a web, Android and iOS app, shows a basic service worker cache/install/activate/fetch flow and recommends using Workbox and Lighthouse rather than hand‑writing workers. Cites comScore: you lose ~20% at each install step (1000 → 262 retained). Gives concrete asset guidance (include 192x192 and 512x512 icons), and warns iOS (11.3+) is partially supportive but service workers and push/background sync remain unreliable.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:16What is a PWA?
3. 2:35Core PWA features
4. 5:19Security and HTTPS
5. 6:21Re-engagement and push
6. 7:44Installation and discovery
7. 11:04The manifest file
8. 13:14Display modes and icons
9. 17:51App shell architecture
10. 19:28Service workers
11. 25:17Lighthouse and testing
12. 25:55Cross-platform challenges

" related talks

• 26m"Intro to Progressive Web Apps"Chris Lorenzo · Frontrunners 2023
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 47mThe (Awesome) Future of Web AppsJad Joubran · NDC Oslo 2017
• 50mThe (Awesome) Future of Web AppsJad Joubran · NDC Sydney 2017
• 31mWeb for all The power of progressive web appsPatricio Vargas · Build Stuff 2021
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017