Intro to Progressive Web Apps

on YouTube ↗37m

" summary

Overview of concrete takeaways and tools: progressive web apps use a small app shell cached on the device plus a web manifest and a background script; service workers require HTTPS and handle offline caching, push, and device events. Use Lighthouse to audit and Workbox to generate precaching and routing boilerplate. Examples include Google Photos PWA and Twitter Lite; Wikipedia offline demo shows the approach works. Marketing numbers: ~$1.50 to acquire an install, ~$2.50 more to retain over three months.

AI-written summary · about

" chapters (13)

1. 0:00Introduction
2. 1:52Audience experience
3. 3:14Software distribution history
4. 8:10Native app challenges
5. 11:23What is a PWA
6. 13:30Core PWA features
7. 15:15Web app manifest
8. 21:54Push notifications
9. 23:39Service workers
10. 28:09Offline caching
11. 30:33Tools for building and testing PWAs
12. 32:38PWA examples
13. 36:53Future of PWAs

" related talks

• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 49mIntro To Progressive Web AppsChris Lorenzo · LambdaConf 2024
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 43mProgressive Web Apps - the Return of the Web?Christian Heilmann · GOTO Copenhagen 2016
• 29mProgressive Web Apps: What, Why and How?Sam Dutton, Sarah Clark · Google Developer Days India 2017
• 32mProgressive Web AppsMike Oram · Dutch PHP Conference 2018