Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Connection lost... F%CK!

1,380 views

Published on

Oplæg ved Jakob Jensen, Frontend Developer hos Creuna Danmark

Published in: Internet
  • Login to see the comments

  • Be the first to like this

Connection lost... F%CK!

  1. 1. CONNECTION LOST… F%CK! Tech & UX – Local Rock Stars Jakob Dam Jensen, Frontend Developer
  2. 2. DEMO
  3. 3. App=Shell+Content StoredataCachefiles Sync
  4. 4. App=Shell+Content
  5. 5. Downloadcontentasdataand renderonclient
  6. 6. NOT FRAMEWORK SPECIFIC
  7. 7. App=Shell+Content StoredataCachefiles Sync
  8. 8. StoredataCachefiles Sync
  9. 9. Cachefiles
  10. 10. Appcache
  11. 11. Intendedtoletyourwebapp runoffline
  12. 12. ApplicationCache examples from http://www.html5rocks.com/en/tutorials/appcache/beginner/
  13. 13. Howtoupdate?
  14. 14. Userclearstheirbrowser data
  15. 15. Manifestchangesonserver
  16. 16. ApplicationCache examples from http://www.html5rocks.com/en/tutorials/appcache/beginner/
  17. 17. JSAPItogeteventson updatesandmore
  18. 18. Checkingforupdates examples from http://www.html5rocks.com/en/tutorials/appcache/beginner/
  19. 19. StoredataCachefiles Sync
  20. 20. Storedata Sync
  21. 21. Storedata
  22. 22. Clientsidestorage &IndexedDB FileReader LocalStorage
  23. 23. Synchronous Simple Onlystoresstrings LocalStorage
  24. 24. Asynchronous Transactional Key-valueobjectstore IndexedDB
  25. 25. source https://dev.opera.com/articles/introduction-to-indexeddb/
  26. 26. source http://caniuse.com/#feat=indexeddb
  27. 27. source http://caniuse.com/#feat=sql-storage
  28. 28. Asynchronous FileReader Readfilecontentindifferentformats FilescancomefromfileInputordrag&drop
  29. 29. FileReader
  30. 30. source http://caniuse.com/#feat=filereader
  31. 31. Storedata Sync
  32. 32. Sync
  33. 33. Sync
  34. 34. Syncishard
  35. 35. Conflict resolution
  36. 36. Domainspecific solutions
  37. 37. Howimportantarewriteswhenoffline? Readonlyismucheasier
  38. 38. Sync
  39. 39. Isthisit?
  40. 40. Limitations
  41. 41. Serviceworkers
  42. 42. Serviceworkers Google&Mozilla Aproxyforthewebbrowser Aprogressiveenhancementforappcache Willenablegeofencing,backgroundsyncandmore
  43. 43. Serviceworkers source http://www.html5rocks.com/en/tutorials/service-worker/introduction/
  44. 44. Benefits
  45. 45. Challenges
  46. 46. @jdj_dk JakobDamJensen
  47. 47. You’reawesome

×