• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Creating Data Driven HTML5 Applications
 

Creating Data Driven HTML5 Applications

on

  • 508 views

My DevWeek 2014 session about storages options in HTML5.

My DevWeek 2014 session about storages options in HTML5.

Statistics

Views

Total Views
508
Views on SlideShare
404
Embed Views
104

Actions

Likes
0
Downloads
2
Comments
0

4 Embeds 104

http://blogs.microsoft.co.il 88
http://feeds.feedburner.com 9
http://feedly.com 5
http://www.hanrss.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Creating Data Driven HTML5 Applications Creating Data Driven HTML5 Applications Presentation Transcript

    • SELA DEVELOPER PRACTICE December 20-25, 2013 Gil Fink Creating Data-Driven HTML5 Applications
    • Agenda HTML5: Recap Storing Data in the Client-Side Q&A Summary
    • HTML5: Recap HTML5 ~= HTML + CSS3 + JavaScript API The future of the web Still under development But a lot of features are available in modern browsers
    • What’s Under the HTML5 Umbrella?
    • Storing Data in the Client-Side
    • Demo Using HTML5 Storages and AppCache
    • Web Storage Key/value string storage Simple API sessionStorage Data is accessible to any page from the same site opened in that window localStorage Data spans multiple windows and lasts beyond the current session
    • AppCache Create offline web applications Uses a manifest file to configure the cache Introduces API to interact with cache events and the navigator.onLine property
    • IndexedDB Advanced key/value data management Made of records holding simple values and hierarchical objects Enables Storage of large numbers of objects locally in the browser Fast insertion and extraction from the store Asynchronous/Synchronous API
    • Web Application APIs Support – Web Storage http://caniuse.com
    • Web Application APIs Support – Offline Web Applications http://caniuse.com
    • Web Application APIs Support – IndexedDB http://caniuse.com
    • What We Saw Web Storage AppCache IndexedDB We didn’t cover other storage APIs such as File API FileSystem API
    • Questions
    • Summary You can start depending on client-side storages Will help you: To decrease the load on server-side and databases To create offline web apps
    • Resources Session slide deck and demos – API specs – http://www.w3.org/TR/webstorage/ http://www.w3.org/TR/IndexedDB/ http://dev.w3.org/html5/spec/offline.html My Website – http://www.gilfink.net Follow me on Twitter – @gilfink
    • Thank You Gil Fink Senior Architect gilf@sela.co.il @gilfink http://www.gilfink.net