Progressive Web

on YouTube ↗41m

" summary

Argument: keep the P in PWA by using progressive enhancement not replacing it. Practical claims: offline caching and background tasks via service workers, installability via web app manifest, payments via new Web Payment APIs, security via HTTPS and Content Security Policy. Patterns and numbers: ship a minimal HTML baseline then progressively add JS (aim for 50% coverage now and 98% as browsers update), follow the purple pattern to render fast, restore shareable URLs and navigation when removing the browser chrome.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 0:09Progressive Web Apps
3. 1:58A quick example of a web app
4. 6:59Declarative VS Programmatic
5. 11:03The web is based on Standards
6. 14:30The Web is Built to Last
7. 26:38How Web Apps grew out of the mobile web.
8. 29:38Why was native better?
9. 34:00Layers of Progressive Enhancement
10. 35:16Performance

" related talks

• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 43mProgressive Web Apps - the Return of the Web?Christian Heilmann · GOTO Copenhagen 2016
• 41mProgressive Web AppsEnrique García · T3chFest 2017
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 11mWhat's inside the term 'progressive web apps'Alex Russell · Fluent 2016
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 50mThe (Awesome) Future of Web AppsJad Joubran · NDC Sydney 2017