Service Worker: Bringing Native App Experience to Web Apps
summary
Covers Service Worker APIs (navigator.serviceWorker.register) and lifecycle events (install/activate), showing fetch event interception to serve cached assets or fallback to network, plus cache-version rotation and manual update semantics. Demonstrates an offline-first Windrose news demo with background sync and push subscriptions in Chrome (notes Firefox needs preferences), shows failure modes (scope, localhost, caching bugs), and verifies cached responses are returned when the server is unreachable.
AI-written summary · about
chapters (11)
- 0:00Service Worker intro
- 3:08Service Worker tasks
- 6:23Network request control
- 10:20Service Worker demo
- 14:19Registering Service Worker
- 20:14Cache and events
- 29:01Cache management
- 35:02Push notifications
- 44:48Background sync
- 51:24Static caching
- 57:10Conclusion
