Service Workers: understand and use

on YouTube ↗29m

" summary

Starts from pure JavaScript ServiceWorkers and moves to Angular’s wrappers showing concrete code: registration line, SW.js event handlers (install, activate, fetch, message, push), Cache API usage and cache invalidation, and how Angular’s NGSW config maps install/update modes and dataGroups with freshness/performance strategies. Demonstrates that the Angular schematic gives an offline mode out of the box, explains SWUpdate subscription to prompt reloads on deploy, and mentions periodic sync and push subscription mechanics with practical debugging tips.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 3:03Service worker concept
3. 7:49Features and limitations
4. 8:11Registering a service worker
5. 9:58Service worker lifecycle
6. 13:34Fetch events and caching
7. 14:41Client-worker messaging
8. 16:12Push notifications
9. 18:44Service workers in Angular
10. 20:28Angular service worker config
11. 21:09Caching strategies
12. 22:38Caching external resources
13. 24:06Updating service workers
14. 25:45Q&A

" related talks

• 36mAngular and Service WorkersPascal Precht · AngularCamp 2017
• 32mBuilding an Angular PWA Angular Service Worker or Workbox?Maxim Salnikov · Angular Connect 2018
• 34mService Workers & Cows — a love storyAlyssa Nicoll · iJS 2018 Spring
• 54mBuilding an Angular PWA: Angular Service Worker or Workbox?Maxim Salnikov · iJS 2018 Spring
• 01h 00mService Worker: Bringing Native App Experience to Web AppsVyktor Zozuliak · OdessaJS 2015
• 22mAutomatic Progressive Web Apps using Angular Service WorkerMaxim Salnikov · AngularConnect 2017
• 33mAngular and Service WorkersPascal Precht · AngularUP 2017
• 20mAngular Service Workers & Cows — a love storyAlyssa Nicoll · NGConf 2018