- Course
HTML5 Web Storage, IndexedDB and File System
Learn to use Web Storage (local and session storage), IndexedDB and the in-browser file system. Beyond the basics of the API you'll also learn to wrap up the raw APIs and use them in context of a web application.
Intermediate
- Course
HTML5 Web Storage, IndexedDB and File System
Learn to use Web Storage (local and session storage), IndexedDB and the in-browser file system. Beyond the basics of the API you'll also learn to wrap up the raw APIs and use them in context of a web application.
Intermediate
Get started today
Access this course and other top-rated tech content with one of our business plans.
Try this course for free
Access this course and other top-rated tech content with one of our individual plans.
This course is included in the libraries shown below:
- Core Tech
What you'll learn
Learn to use HTML5 to persist data on the client using Web Storage (local and session storage), the client-side object database known as IndexedDB and the in-browser file system. In this course you are introduced to each persistence medium and will learn to abstract away the complexities of using the raw APIs. Discussion of each technology also includes a "real-life" sample to demonstrate how you can use capabilities shown in this course in context of an application scenario.
HTML5 Web Storage, IndexedDB and File System
Intermediate
Table of contents
-
Introduction | 4m 6s
-
Technology Landscape | 4m 32s
-
Practical Uses | 2m 36s
-
Narrowing Down the Scope | 36s
-
Concepts: Immediately Invoked Function Expressions | 3m 42s
-
Concepts: $$result Module | 4m 7s
-
Concepts: mockJSON | 2m 41s
-
Concepts: Knockout.js | 3m 57s
-
Development Environment | 53s
-
No Guarantees | 51s
-
Clearing Local Data | 53s
-
Summary | 50s
-
Introduction | 31s
-
What's in a Name? | 1m 32s
-
What is Web Storage? | 1m 8s
-
Capacity | 1m 44s
-
Testing Capacity | 1m 25s
-
Features | 1m 44s
-
Browser Support | 52s
-
Fallbacks and Polyfills | 47s
-
Caveats | 2m 33s
-
Demo: Getting and Setting Values | 3m 42s
-
Demo: Remove Item | 31s
-
Demo: Keys and Length | 1m 38s
-
Demo: Clear | 47s
-
Demo: Session Storage | 2m 3s
-
Demo: Exceed Quota | 1m 17s
-
Demo: Storage Event | 2m 3s
-
Demo: Persistent Form Demonstration | 2m 10s
-
Demo: HTML Markup | 2m 51s
-
Demo: localDataService JavaScript Module | 3m 45s
-
Demo: viewModel JavaScript Module | 6m 8s
-
Demo: Stepping Through the Code | 5m 14s
-
Summary | 41s
Craig Shoemaker is a developer, instructor, writer, podcaster, and technical evangelist of all things awesome.