#OfflineFirst

#OfflineFirst: It's time to think about offline as an application state. Offline is not an error, is a use-case that anyone think about it.

Links:
https://github.com/pazguille/offline-first
http://offlinestat.es
http://opensignal.com/coverage-maps/
http://gabrielecirulli.github.io/2048/

Transcript

1. Offline First @pazguille
4. Funcionalidad core UX! (css) Más UX! (JavaScript)
5. Offline NO es un error!
6. Offline ES un estado!
7. Offline ES mobile!
8. Offline ES realidad!
9. E
11. Che, cuál era la dirección??
12. Nose chabón, no tengo wifi y el 3g anda como el ort*!
13. http://opensignal.com/coverage-maps/
14. Why?
15. UX
16. Performance
17. Security
18. How?
19. • Separar Data - App (templates, assets)
20. • Separar Data - App (templates, assets) • Servir App (templates, assets)
21. • Separar Data - App (templates, assets) • Servir App (templates, assets) • Guardar Data offline
22. • Separar Data - App (templates, assets) • Servir App (templates, assets) • Guardar Data offline • Detectar conexión
23. • Separar Data - App (templates, assets) • Servir App (templates, assets) • Guardar Data offline • Detectar conexión • Sincronizar la Data (dificil)
24. Tools
25. • Web Storage (localStorage, indexDB)
26. • Web Storage (localStorage, indexDB) • AppCache (manifest.appcache)
27. • Web Storage (localStorage, indexDB) • AppCache (manifest) • ServiceWorkers
28. • Web Storage (localStorage, indexDB) • AppCache (manifest) • ServiceWorkers • Hood.ie
29. • Web Storage (localStorage, indexDB) • AppCache (manifest) • ServiceWorkers • Hood.ie • PouchDB
30. navigator.onLine
31. Examples
32. offlinestat.es
34. Thank you! @pazguille