PROGRESSIVE WEB APPS π WITH ANGULAR
summary
Shows that Angular ships a service worker module since v5 and installs a PWA scaffold with ng add @angular/pwa, demonstrates installing Starbucks as a PWA on macOS using Chrome 73, and explains service worker lifecycle, caching via ngsw-config.json with prefetch versus lazy install and performance versus freshness strategies. Notes ng serve cannot host PWAs, SWUpdate exposes observables to detect and activate updates, recommends Workbox for advanced routing, and recommends Lighthouse for automated audits.
AI-written summary Β· about
chapters (16)
- 0:00Start
- 6:19App Shell
- 6:38Service Workers Enable
- 7:29Lifecycle
- 9:59Register Service Worker
- 13:29Notification
- 17:34Add Service Worker Module
- 21:35What is cached?
- 22:13App Installation Modes
- 23:00App Versions
- 23:58App Update Modes
- 24:37SwUpdate
- 25:46Data Requests
- 28:54Workbox
- 29:31Do not cache the service worker
- 30:27Lighthouse
related talks
33mProgressive Web Apps - the Angular way
41mPerformant and Accessible Angular Apps as PWAs
23mProgressive Web Apps with Angular and Firebase
24mBuild progressive web apps with Angular
37mAngular PWA: crafting apps that adapt anywhere
17mCrafting Bespoke PWA Experiences with Angular
43mAutomatic Progressive Web Apps using the Angular Mobile Toolkit
29mBuild progressive web apps with Angular