Progressive Web Apps: What, Why and How?

on YouTube ↗29m

" summary

Overview of practical PWA claims and tools: browsers now implement Progressive Web Apps features—Service Worker, Cache API, Fetch and manifests—so sites can cache, timeout flaky requests, and add to home screen. Demonstrations cite Ele.me (260M users, 1.3M listings), Trivago’s offline cache improving clickthroughs, Jio Cinema’s PWA showing ~10% longer sessions, mobile commerce worth $123B, average 3G page load ~19s. Workbox and Service Worker patterns handle complex caching; Workbox simplifies strategies; PaymentRequest speeds checkout; Lighthouse and AMP are recommended. 130,000 Indian training scholarships are available.

AI-written summary · about

" chapters (13)

1. 0:00Introduction
2. 1:03Mobile web explosion in India
3. 2:41Challenges for web developers
4. 3:50History of the mobile web
5. 6:02Importance of performance
6. 8:05What are PWAs?
7. 10:31Browser support for PWAs
8. 12:40Creating fast experiences
9. 15:26Integration and payments
10. 18:22Reliability and caching
11. 21:12Case study and adoption
12. 23:19Training and certification
13. 25:59Conclusion and resources

" related talks

• 32mProgressive Web AppsMike Oram · Dutch PHP Conference 2018
• 53mProgressive Web Applications - The best of both worlds (App & Web)Noorulameen Noorulameen · Voxxed Days Singapore 2018
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 43mProgressive Web Apps - the Return of the Web?Christian Heilmann · GOTO Copenhagen 2016