Making it work offline

Making it work offline, the workshop.

I ran this workshop at SmashingConf in Freiburg, at Imperial College in London and internally for the Financial Times also in London in Autumn 2014. If you are interested in having a similar workshop run at your company or conference or would like to use these materials to run a workshop yourselves please email me: matt@mattandre.ws / mattandre.ws.

Contents

1. Introduction
   • Why?
   • How?
   • Client storage technologies
2. New APIs: Promises & Fetch
3. Offline Todo with IndexedDB
   • Scaffolding the application
   • Opening an IndexedDB database
   • Using Dev Tools with Safari, Chrome, IE and Firefox
   • Creating Object Stores
   • Review: window.indexedDB
   • Adding data
   • Getting data
   • Rendering todos
   • Deleting data
   • Review: IDBRequest and IDBTransaction
   • AppCache for full offline experience
   • AppCache Gotchas
   • Success!
4. Offline Todo with IndexedDB with sync
   • Architecture
   • Mark for deletion
   • Adding ajax
   • Synchronize
   • Success!
5. Building an offline news app, FT style
   • Scaffolding the application
   • Single/Multi-page app
   • More hacking AppCache
   • Even more hacking AppCache
   • Success!
6. Building an offline news app with Service Worker
   • Scaffolding
   • Registering a Service Worker
   • Service Worker Cache
   • Success!
7. Dexie.js - IndexedDB without the pain
8. Success!

©