Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AYB14 - offline first <3

Ola Gasidlo
October 17, 2014

AYB14 - offline first <3

not including notes

Ola Gasidlo

October 17, 2014
Tweet

More Decks by Ola Gasidlo

Other Decks in Programming

Transcript

  1. Ola Gasidlo - Javascript for +10 years, full stack -

    Core Member of Hood.ie - Organizer of OpenTechSchool Dortmund ! twitter@misprintedtype github@zoepage
  2. Agenda! 1. What & why? 2. Problems 3. New approach

    4. Implementation @misprintedtype
  3. “WE CAN’T KEEP BUILDING APPS WITH THE DESKTOP MINDSET OF

    PERMANENT, FAST CONNECTIVITY, WHERE A TEMPORARY DISCONNECTION OR SLOW SERVICE IS REGARDED AS A PROBLEM AND COMMUNICATED AS AN ERROR.” @misprintedtype
  4. Manifest ++ offline app usage ++ fast loading ++ full

    experience for users @misprintedtype
  5. Manifest <html manifest="example.appcache">
 ...
 </html>! ! ! ! IE8+ /

    FF 3.5+ / Chrome 4.0+ / Safari 4.0+ / Opera 10.5+ / iPhone 2.0+ / Android 2.0+ @misprintedtype
  6. Manifest CACHE MANIFEST # 2013-11-13:v3 ! CACHE index.html ! NETWORK:

    * 
 FALLBACK: /online.html /offline.html ! @misprintedtype
  7. App Manifest ! 1. Files always come from the cache

    (also if you are online!) @misprintedtype
  8. Service Worker ! - Additional cache - Deals with all

    requests - offline first, push notifications, background sync, performance @misprintedtype
  9. PouchDB ! browser storage limitation confirm Firefox IndexedDB unlimited y

    Chrome / Opera / Android 4.4+ IndexedDB % of storage y IE 10+ SQLite 250MB n Mobile Safari WebSQL 50MB n Sarafi WebSQL 5MB -> 500MB y Android 4.3 and lower IndexedDB 200MB n