- Course
- Core Tech
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.
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.
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
About the author
Craig Shoemaker is a developer, instructor, writer, podcaster, and technical evangelist of all things awesome.