CONNECTION LOST… F%CK!Tech & UX – Local Rock Stars
Jakob Dam Jensen, Frontend Developer
App = Shell + Content Store dataCache files Sync
Download content as data and render on client
App = Shell + Content Store dataCache files Sync
Store dataCache files Sync
Intended to let your web app run offline
Application Cache
examples from http://www.html5rocks.com/en/tutorials/appcache/beginner/
User clears their browser data
Manifest changes on server
Application Cache
examples from http://www.html5rocks.com/en/tutorials/appcache/beginner/
JS API to get events on updates and more
Checking for updates
examples from http://www.html5rocks.com/en/tutorials/appcache/beginner/
Store dataCache files Sync
source https://dev.opera.com/articles/introduction-to-indexeddb/
source http://caniuse.com/#feat=indexeddb
source http://caniuse.com/#feat=sql-storage
Asynchronous
FileReader
Read file content in different formats
Files can come from file Input or drag & drop
source http://caniuse.com/#feat=filereader
Domain specific solutions
How important are writes when offline?
Read only is much easier
Service workers
Google & Mozilla
A proxy for the web browser
A progressive enhancement for app cache
Will enable geofencing, background sync and more
Service workers
source http://www.html5rocks.com/en/tutorials/service-worker/introduction/