Offline is the new black

on YouTube ↗35m

" summary

Demo shows working code: a register line, a service worker that listens to install and fetch, cache open/add and cache-match-and-fetch logic, and a manifest.json used for Add to Home screen. Browser-support tradeoffs are explicit — UC Browser prominence and iOS lacking ServiceWorker — and AppCache fallback is discussed. Live demos include airplane‑mode loading, claiming/activating the worker, an offline availability UI, and notes on cloning requests, avoiding caching errors, and syncing queued requests when online.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 14:58install a serviceworker
3. 15:44take a look into our main javascript file
4. 16:14set a cache
5. 16:47wait for the install event
6. 23:06start testing your websites on uc browsers
7. 29:37show an offline message
8. 33:10use app cache

" related talks

• 52mGoing offlineJeremy Keith · Frontend United 2019
• 23mGo Offline with Service WorkersEmanuel Kluge · JSUnconf 2016
• 43mService workersPatrick Kettner · Frontend United 2017
• 39mOffline first!Rowdy Rabouw · Øredev 2023
• 01h 29mService Workers in Action: Building an Offline-Capable Webshop in under 90 minutesErik Witt · code.talks 2019
• 05mLightning talk: Service Workers, use themPontus Lundin · Nordic.js 2017
• 33mThe New Mobile Web: Service Worker, Push, and App ManifestsDan Callahan · JSConf Iceland 2016
• 44mDesign principles and implementation strategies for better offline experienceBoyan Mihaylov · NDC Oslo 2017