Intro To Progressive Web Apps

on YouTube ↗49m

" summary

Claims that PWAs run offline and send push notifications, and the concrete workflow: add a manifest.json, register a service worker, use tools like pwa builder or Workbox to generate installs. Examples include a responsive Comcast xfi site, a 150KB PWA versus 85MB native app, Pinterest cutting interactivity from 23s to ~5.6s and gaining 800,000 users in months. Demos show network‑aware image selection, background sync, install banners, and caveats about caching mistakes and platform differences.

AI-written summary · about

" chapters (11)

1. 0:00Web vs native development
2. 3:06Performance and trade-offs
3. 6:25Modern browser speed
4. 8:35Progressive web apps explained
5. 11:28Essential PWA components
6. 15:15Advanced service worker usage
7. 19:04Sync and notifications
8. 21:58Choosing your architecture
9. 25:53PWA demonstrations
10. 33:31Building interactive apps
11. 41:07Future and final thoughts

" related talks

• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019
• 31mWeb for all The power of progressive web appsPatricio Vargas · Build Stuff 2021
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 46mProgressive Web Apps with the Service Worker APISimon Skoczylas · W-JAX 2018
• 26m"Intro to Progressive Web Apps"Chris Lorenzo · Frontrunners 2023
• 44mPWA - Welcome to the FutureDavid Müllerchen · code.talks 2017