Need for Speed

on YouTube ↗23m

" summary

Demo builds a manual service worker (sw.js) and an Angular PWA via ng add @angular/pwa and shows concrete code: static precache, an offline fallback HTML, cloning responses into a dynamic v1 cache, and an activate step that deletes old static v2 caches. Uses http-server locally, notes the service worker waits ~30 seconds or until stable, caches five images in the demo, and actually serves pages and images offline so the fallback and cache invalidation work end to end.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 4:08STATIC CACHE
3. 6:23FETCH CACHE
4. 11:21DYNAMIC CACHE
5. 13:27CACHE CLEANUP
6. 14:25ANGULAR STARTER CODE

" related talks

• 39mOffline first!Rowdy Rabouw · Øredev 2023
• 41mOffline Web Apps don't exist anymore!Francesco Leardini · Conf42 JavaScript 2020
• 51mAMP, PWAs, HTTP/2 and Service Workers: A New Era of Web Performance?F. Gessert · code.talks 2017
• 46mFrontend development in the (current) futureFilip Bruun Bech-Larsen · JSHeroes 2017
• 29mAwesome Progressive Web Apps with AngularMike Hartington · ngAtlanta 2019
• 17mTransforming your Web Application into a PWA - Why and How?Gijs Weterings · Frontend Developer Love 2019
• 31mWeb for all The power of progressive web appsPatricio Vargas · Build Stuff 2021
• 02h 21mUnlocking Progressive Web ApplicationsTamas Piros · JSConf.Asia 2019