Pro Yearly is on sale from $80 to $50! »

#OfflineFirst

F8a70e01eddbadc5e4f9876ff34494fa?s=47 Guille Paz
April 29, 2015

 #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/

F8a70e01eddbadc5e4f9876ff34494fa?s=128

Guille Paz

April 29, 2015
Tweet

Transcript

  1. Offline First @pazguille

  2. None
  3. None
  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

  10. None
  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

  33. None
  34. Thank you! @pazguille