برای استفاده کامل از سایت، جاوااسکریپت را فعال کنید.

JavaScript is required for the full experience. You can still browse these pages:

JavaScript: Client-Side Data Storage

1h 16mIntermediate2018-07-23

Authors

Emmanuel Henri

Executive with 20+ years of experience in programming and design

Course details

Developers now have access to simple tools for storing small amounts of data locally, as well as the more sophisticated IndexedDB approach for larger or more structured kinds of data. In this course, Emmanuel Henri provides coverage of key client-side storage solutions for JavaScript developers. He goes over the basics of local and session storage and provides use cases that can help you determine when to opt for one type of web storage over the other. He also discusses how to set up and work with IndexedDB, including how to add, retrieve, and delete items with this powerful API. Plus, learn about localForage and other options for handling the local storage of large files.

Learning objectives
HTML web storage
Local and session storage
Determining which type of web storage you need
Adding, retrieving, and deleting items with IndexedDB
Working with localForage, Dexie.js, and ZangoDB

Skills covered

Cloud StorageJavaScriptOracleFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesCloud ComputingSoftware DevelopmentDeep Dive (X:Y)

Concepts

0. Introduction

01 - JavaScript client-side storage demystified
02 - Course prerequisites
03 - Using the exercise files

1. Setting Up

04 - Overview of the tools
05 - Our sample project
06 - Introduction of local storage

2. HTML Web Storage

07 - Introduction to HTML web storage
08 - Practical application localStorage
09 - Practical application sessionStorage
10 - When to use one over the other

3. IndexedDB

11 - Introduction to IndexedDB
12 - IndexedDB setup and connection
13 - Defining index and schema
14 - Add new items to IndexedDB
15 - Retrieve items from IndexedDB
16 - Delete items from IndexedDB