Let's Build a Progressive Web App

on YouTube ↗17m

" summary

Builds a PWA live from a simple responsive site using glitch.com, audits with Lighthouse (score starts 27 then rises to 45), and generates a manifest and icons with PWABuilder. Implements a service worker using the “offline copy of pages” caching strategy, patches HTTPS redirects for add‑to‑home‑screen on Android, and confirms service worker registration. Demonstrates a WebVR model (visual works, audio fails) and gives a concrete recipe and tools that actually produce an installable PWA.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 1:18What Is a Progressive Web App
3. 1:57What Makes Up a Progressive Web App
4. 3:58Lighthouse
5. 5:17Icon
6. 6:20Manifest
7. 12:07Offline Copy of Pages
8. 16:30Summary

" related talks

• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 46mIntro to Progressive Web AppsKyle Paul · DevFestMN 2018
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 31mFrom Website to Progressive Web AppPete LePage · Google Developer Days India 2017
• 25mBulding (Progressive) Web AppsMichael Solati · Conf42 JavaScript 2020
• 22mPWA Every Day Progressive Web Apps vs Native AppsWalter Scott · UtahJS Conf 2017
• 22mPWAs, are we there yet?!Simona Cotin · NG Poland 2018
• 36mHow To Make Your Website A Progressive Web App (And Why You Might Want To)Lemon · NDC London 2021