Making web siteavailable in offline      mode         @MehdiKhalili      www.mehdi-Khalili.com
That is two fold:1. Use offline cache to get the browser   to cache your website2. Use client-side storage to let users   ...
Offline cache (AKA AppCache)• Communicated through a manifest “file”:   • set in the html tag’s manifest attribute   • ext...
Some tips on AppCache• AppCache does NOT expire: so somehow version your manifest• Checkout out your cache entries on chro...
Client side storageWeb Storage               Indexed Database• Great browser support   • Relatively good browser support• ...
Web SQL - Deprecated!!• Good browser support (except IE and FF)• Good performance• Transactional• Familiar SQL• Perhaps no...
Some tips on offline persistence• Store user changes in client storage in offline mode• Sync up as soon as you go online t...
much more information on my bloghttp://www.mehdi-khalili.com/presentations/wdyk-offline-web                      @MehdiKha...
Offline web applications
Upcoming SlideShare
Loading in …5
×

Offline web applications

1,414 views
1,350 views

Published on

These are slides from my talk at What Do You Know night in Brisbane. The talk time is limited to five minutes.

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,414
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • offline cache (also know as appcache) is the bit that makes some of the pages available in offline mode Client storage allows you to store data while in offline mode
  • Show demos from the application
  • Offline web applications

    1. 1. Making web siteavailable in offline mode @MehdiKhalili www.mehdi-Khalili.com
    2. 2. That is two fold:1. Use offline cache to get the browser to cache your website2. Use client-side storage to let users change data in offline mode
    3. 3. Offline cache (AKA AppCache)• Communicated through a manifest “file”: • set in the html tag’s manifest attribute • extension should be ‘appcache’ • mime type should be ‘text/cache-manifest’• The manifest does not have to be static
    4. 4. Some tips on AppCache• AppCache does NOT expire: so somehow version your manifest• Checkout out your cache entries on chrome://appcache-internals/
    5. 5. Client side storageWeb Storage Indexed Database• Great browser support • Relatively good browser support• Poor performance • Great performance• Simple to use • Rather complex API• A good choice ATM • All in all a good choice
    6. 6. Web SQL - Deprecated!!• Good browser support (except IE and FF)• Good performance• Transactional• Familiar SQL• Perhaps not such a great choice
    7. 7. Some tips on offline persistence• Store user changes in client storage in offline mode• Sync up as soon as you go online to avoid data loss• navigator.isOnline is broken. Don’t use it • Don’t use AJAX to check connectivity • Use AppCache events
    8. 8. much more information on my bloghttp://www.mehdi-khalili.com/presentations/wdyk-offline-web @MehdiKhalili

    ×