Vanilla JavaScript: Client-Side Data Storage

Learn about client-side storage solutions for JavaScript developers. Explore local storage, session storage, how to work with the IndexedDB API, and how to store large files.

Introduction

• JavaScript client-side storage demystified
• Course prerequisites
• Using the exercise files

1. Setting Up

• Overview of the tools
• Our sample project
• Introduction of local storage

2. HTML Web Storage

• Introduction to HTML web storage
• Practical application localStorage
• Practical application sessionStorage
• When to use one over the other

3. IndexedDB

• Introduction to IndexedDB
• IndexedDB setup and connection
• Defining index and schema
• Add new items to IndexedDB
• Retrieve items from IndexedDB
• Delete items from IndexedDB

4. Other Local Storage Options

• Client storage options
• Overview of localForage
• Overview of Dexie.js
• Overview of ZangoDB and JsStore

Conclusion

• Next steps