Erstelle schnellere Websites mit der Browser-Datenbank IndexedDB

Опубликовано: 14 Март 2026
на канале: Programmieren mit Mario
4,088
122

IndexedDB Tutorial Deutsch. Lerne IndexedDB in JavaScript in 100 Minuten. Nutze diese Datenbank direkt im Browser um Datensätze in ein oder mehreren Tabellen zu speichern, zu aktualisieren oder zu löschen. Ich zeige dir ebenfalls wie du Indexes anlegen und nutzen und wie du die Daten mit einem Cursor auslesen kannst. Die IndexedDB ist Ideal um Daten temporär beim User abzulegen um bspw. Ladezeiten zu minimieren. Happy Coding!

https://developer.mozilla.org/en-US/d...

😺 Source Code
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
↪︎ https://github.com/ProgrammierenM/jav...

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
02:40 Projekt / Notiz APP
05:00 Fahrplan
06:20 IndexedDB initialisieren
09:04 Datenbank Events
13:13 ObjectStore anlegen
19:30 DB nutzen und Ausblick
20:43 Daten aus Formular holen
24:01 Transaktion erstellen
30:35 Datensatz anlegen
36:08 Alle Datensätze ausgeben
46:50 Einen Datensatz anzeigen
53:10 Datensatz aktualisieren
1:03:10 Datensatz löschen
1:09:18 Testdaten einspielen
1:16:54 ObjectStores prüfen und löschen
1:24:39 Indexes anlegen
1:29:35 Indexes verwenden
1:33:30 IndexedDB Cursor
1:39:43 Cursor mit Indexes

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
HTTP Cookies in JavaScript:
↪︎    • Der ULTIMATIVE Leitfaden zu HTTP Cookies  

LocalStorage in JavaScript:
↪︎    • GANZ EINFACH Daten im Browser ablegen mit ...  

SQLite Tutorial:
↪︎    • Lerne SQLite in 60 Minuten // SQLite Tutor...  

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!
   / @programmierenmario  

#IndexedDB #JavaScript #ProgrammierenM