Building a Progressive Web App

on YouTube ↗23m

" summary

Builds a real Progressive Web App using a JSON web app manifest plus a background service worker that acts as a proxy to intercept requests for offline caching, push and background sync. Uses PW Builder to generate icons and manifests from a URL, Create React PWA scaffolding and Lighthouse for measurable performance scores. Shows Smashing Magazine running as a PWA in Edge and Twitter’s PWA behaving like a native app, and reports a clear upward trend in manifest adoption.

AI-written summary · about

" chapters (10)

1. 0:00Introduction to PWAs
2. 1:15Core PWA features
3. 2:40Technical requirements
4. 5:31Browser support
5. 6:33Progressive enhancement
6. 8:30User experience and tools
7. 11:06Beyond the browser
8. 14:46PWA business case
9. 17:19User and developer benefits
10. 20:22Summary and conclusion

" related talks

• 17mLet's Build a Progressive Web Appuve · DeltaV Conference 2018
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 31mFrom Website to Progressive Web AppPete LePage · Google Developer Days India 2017
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019
• 49mIntro To Progressive Web AppsChris Lorenzo · LambdaConf 2024
• 48mProgressive Web Apps from A to ZPeter Kröner · International PHP Conference Spring 2018