Making it work offline, the workshop.

1. Introduction

• Why?
• How?
• Client storage technologies

2. ES6 Promises
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

6. Building an offline news app with Service Worker

• Scaffolding
• Registering a Service Worker
• Service Worker Cache
• Respond to onfetch
• Other approaches
• Success!

©