Offline Angular app in action
summary
Demos show an Angular app made installable and offline by wiring up service workers, using deferred beforeinstallprompt to control when the banner appears, and swapping themes when connectivity drops. Offline writes go to IndexedDB via PouchDB replication and re-sync with server using the Service Worker sync event. Caching uses mixed strategies—cache-first, network-first and cache-network race—with importScripts to share code between app and worker. The GitHub demo and slides are available and the examples run end-to-end.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:33Agenda
- 2:55Before install banner
- 5:29Team
- 8:24Background Sync
- 11:41Offline Storage
- 13:03PouchDB
- 14:40Cache Strategy
- 19:28API Recommendations
related talks
21mOffline first in Angular
58mOffline Second
47mSending the Angular app into deep, deep offline with Workbox
41mOffline Web Apps don't exist anymore!
35mProgressive Web Apps with Angular 2
37mOffline web applications don't exist anymore!
37mAngular PWA: crafting apps that adapt anywhere
43mAutomatic Progressive Web Apps using the Angular Mobile Toolkit