MENU

Fun & Interesting

IndexedDB Crash Course with Javascript

Hussein Nasser 51,151 lượt xem 6 years ago
Video Not Working? Fix It Now

💻 More Software engineering videos https://www.youtube.com/playlist?list=PLQnljOFTspQXOkIpdwjsMlVqkIffdqZ2K


I found out recently about indexedDB that exists in the browser! and wanted to make a video tutorial about it. I got say the API is clunky but that did not stop me from making the video. I first explain the eventing that get triggered when you open the database, onupgradeneeded, onsuccess, onerror and when each are triggered. Then we dive into creating objectstore, then transactions both writing and reading. Pretty cool technology. We are using Javascript on the browser and visual studio code. Enjoy the tutorial guys

The tutorial is long so here are some jump codes for your convenience

0:00 Introduction to IndexedDB
02:17 IndexedDB open database events Flow chart
06:40 Tutorial start
08:20 indexedDB.open
10:00 onupgradeneeded, onsuccess, onerror
20:00 The database object
24:20 Creating object store
29:30 Adding new object to the object store
37:00 Unique key constraint
38:35 View objects
40:00 cursors


git hub repo
https://github.com/hnasr/indexedDB


Stay awesome
Hussein

Comment