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: [email protected] / 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!

©