Building a Web Application with JavaScript and IndexedDB

Beginner

30 Lessons

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

1 Project

26 Playgrounds

This course includes

1 Project

26 Playgrounds

Course Overview

In this course, you will learn about IndexedDB, a powerful web-based storage system essential for building efficient and scalable web applications that require client-side storage. You will start this course by understanding the basics of IndexedDB, including accessing and connecting to databases, managing database versions, and performing fundamental operations such as listing and deleting databases. Next, you’ll explore the core concepts of object stores and transactions. You’ll learn how to create obje...Show More

What You'll Learn

An understanding of IndexedDB and its ability to store large amounts of data

Hand-on experience managing data stores using IndexedDB

The ability to store large amounts of data on the client side using IndexedDB

Familiarity with core components of IndexedDB including object store, transaction, index, and cursor

The ability to create offline applications using IndexedDB

Working knowledge of IndexedDB, data integrity, and query performance

What You'll Learn

An understanding of IndexedDB and its ability to store large amounts of data

Course Content

Introduction to IndexedDB

Introduction What is IndexedDB?Accessing IndexedDB Versioning the Database List All the Databases Delete a Database Parallel Upgrade Problem Quiz: Basics of IndexedDB

Object Store and Transaction

What Is an Object Store?What Is a Transaction?Creating an Object Store Storing Data to the Object Store Reading the Data from the Object Store Update the Data of the Object Store Delete the Data Remove the Object Store Quiz: Object Store and Transactions Challenge: Handling Employee Details Solution Review: Handling Employee Details

Index and Cursor

What Is an Index?Create an Index for the Object Store Access the Available Index What Is a Cursor?Creating a Cursor for the Object Store Retrieving the Range of Data with a Cursor Configuring the Range and Direction of the Cursor Retrieve Data of an Index from Object Store Using Cursor Using Cursor to Update and Delete Data of the Object Store Quiz: Index and Cursor

To-Do List Project

Project

Conclusion

Wrapping Up

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Looking for something else?

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath