Gain insights into building scalable web applications with IndexedDB. Learn database management, object stores, and advanced data optimization through a hands-on to-do list project.

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 object stores and store and retrieve data from these stores. You’ll then progress to advanced topics, exploring indexes and cursors, understanding their creation and usage, and honing your skills in optimizing data access. You’ll end the course by creating a to-do list project using the concepts learned.

By the end of this course, you will possess the knowledge and skills to work proficiently with IndexedDB, opening up new possibilities for your web development projects.

Building a Web Application with JavaScript and IndexedDB

// Let's say we have 
const dBDeleteRequest = indexedDB.deleteDatabase('test');
dBDeleteRequest.onsuccess = function(ev) {
    console.log("Database deleted successfully");
}

dBDeleteRequest.onerror = function(ev) {
    console.log("Error on deleting the database: ",  ev.target.error);
}

codemirror

console

Learn to delete an existing database from IndexedDB.

Introduction to IndexedDB

Object Store and Transaction

Index and Cursor

To-Do List Project

Conclusion

Delete a Database

The `deleteDatabase()` method

Syntax

Example

To-Do List Project

Delete a Database

The deleteDatabase() method

Syntax

Example

The `deleteDatabase()` method