HTML5? ????? ? ?????? ????? IndexedDB? ??? ??????

IndexedDB? ??/???? ???? ??? ? ???? ????? ? ??????? ??? API???. ????? ? ?????? ????? HTML5?? indexeddb? ????? ??? ?? ? ? ????.

1. ?????? ?? :
   indexeddb ??????? ?? ??? ?? ??????. indexedDB.open() ???? ???? ?? ? ? ????. ?????? ??? ????? ?? ??? ?????. onupgradeneeded ??? ???? ??????? ????? ??? ?? ? ? ?????? ???? ???? ? ?????.

    <code class="javascript">const request = indexedDB.open("MyDatabase", 1); request.onupgradeneeded = function(event) { const db = event.target.result; // Create an objectStore for this database const objectStore = db.createObjectStore("items", { keyPath: "id" }); // Create an index to search items by name objectStore.createIndex("name", "name", { unique: false }); };</code>

2. ??? ?? :
   indexeddb ??????? ???? ????? ?? ????? ?? ?? ????? add() ?? put() ???? ??????.

    <code class="javascript">request.onsuccess = function(event) { const db = event.target.result; const transaction = db.transaction(["items"], "readwrite"); const objectStore = transaction.objectStore("items"); const request = objectStore.add({ id: 1, name: "item1", price: 10 }); request.onsuccess = function(event) { console.log("Item added to the database"); }; };</code>

3. ??? ?? :
   ???? ????? ?? ?? ??? get() ???? ??? ? ????. ?? ??? ??? ?? ?? ?? ???? ??? ? ????.

    <code class="javascript">request.onsuccess = function(event) { const db = event.target.result; const transaction = db.transaction(["items"], "readonly"); const objectStore = transaction.objectStore("items"); const request = objectStore.get(1); request.onsuccess = function(event) { console.log("Item retrieved: ", event.target.result); }; };</code>

4. ??? ???? ? ?? :
   Key? ???? ???? ????? ?????? put() ???? ???? ??? ????? ?? ? ? ????. ???? ????? delete() ???? ??????.

    <code class="javascript">request.onsuccess = function(event) { const db = event.target.result; const transaction = db.transaction(["items"], "readwrite"); const objectStore = transaction.objectStore("items"); const requestUpdate = objectStore.put({ id: 1, name: "item1 updated", price: 15 }); const requestDelete = objectStore.delete(2); };</code>

5. ?? ?? :
   onerror ???? ???? ?? ??? ???? ?????? ?? ?? ???? ?? ??? ??????.

    <code class="javascript">request.onerror = function(event) { console.log("Database error: " event.target.errorCode); };</code>

????? ?? ???? ???? ?? IndexEdDB? ???? ?? ??? ?????

IndexedDB? ????? ?? ???? ???? ? ? ?? ??? ?????.

1. ???? ?? :
   IndexedDB? ???? ? ??????? ???? ??? ??? ???? ???? ?????? ?? ? ? ????. ?? ??? ???? ??? ????? ??? ??? ??????.
2. ?? ?? ?? :
   LocalStorage? ?? ?? ???? ??? ???? IndexEddb? ??? ?? ?? ???? ?? ? ? ?????? ??? ?? ????? ?????.
3. ??? ? ??? ?? :
   IndexEddb? ?? ? ???? ??? ??? ? ??? ??? ????? ??? ? ? ???? ?????? ???? ???? ??? ??? ?????.
4. ???? ??? ?? :
   ???? ???? ?? ??? ?? ? ??? ??? ?? ? ??? ??? ????, ?? ?? ? ??? ??? ?? ????? ?????.
5. ??? API :
   IndexEdDB? ??? ??? UI ??? ???? ?? ????? ??? ?? ?? ??????.
6. ?? ?? :
   IndexEddb? ????? ????, ?? ??? ????? ?? ???? ?? ??? ????? ??? ???? ???? ? ??????.

? ???????? IndexedDB? ??? ? ??? ??? ? ??? ????? ?????????

INDEXEDDB? ??? ??? ? ?? ???? ? ?? ?? ??? ?????.

1. ??? ??? :

   • ?? ?? : ??? ?? ?? ?? ??? ??? ?? ??? ??? ???? ?? IndexEdDB ???? ??? ? ??? ?????.
   • ??? ?? : ????? ?? ? ???? ???? ?? ???? ????? ???? ??? ???? ????? ???? ???? ??? ? ????.
   • ?? ?? : ??? ??? ??? ??? ??? ???? ???? ?? ??? ?? ??? ?????.

2. ??? ?? :

   • ??? : ????? ? ???? ???? INDEXEDDB? ??? ??? ???? ??????. Crypto-JS? ?? ?????? ???? ???? ?? ???? ????? ? ??? ? ????.
   • ??? ?? : ??? ??? ?? indexeddb? ?? ???? ????? ??????. ?? ?? ?? ?? ??? ????? ???? ??????? ?? ???? ?????.
   • ?? ???? : ?? ?????? IndexedDB? ??????? ??? ????? ???? ?? HTTPS? ?? ??????? ?????????.
   • ??? ?? : ?? ?? ?? ??? ???? ??????? ???? ?? ???? ?? ??? ??? ??? ?????.
   • ?? : ??? ??? ???? ?? ?? ??? ?? ??? ?? ?????? ?? ?? ???? ??????.

html5?? indexeddb? ??? ? ??? ? ???? ??? ??????

INDEXEDDB? ??? ?? ?? ?? ?? ?? ???? ??? ??? ??? ???? ??? ??? ?? ?????.

1. ?? ?? ?? :
   ??? ???? ???? ??? ??? ??? ??? ? ????. ?? onerror ??? ???? ???? ??? ???? ???????.
2. ??? ?? :
   IndexedDB ??? ??? ???? UI? ???? ??? ?? ? ? ????. ?? ??? API? ???? ?? ?? ??? ???? ??? ??????.
3. ??? ?? ?? :
   ???? ???? ???? ??? ????? ???? ???? ??? ? ????. ??? ??? ?????? ???? ?? ?? ?????.
4. ??? ???? ? :
   ?????? ??? ???? ??? ??? ??? ? ????. ? ?? ???? ?? ?? ?? ??? ?? ????.
5. ??? ??? :
   ?? ?? ??? ???? ??? ?? ? ? ????. ??? ?? ? ???? ?? ??? ??? ??? ??????.
6. ?? ?? ?? :
   ?????? ??? ?? ???? ??? ?? ?? ???? ??? ? ????. ????? ?? ??? ?? ??? ??????.
7. ??? ?? ?? :
   ???? ?? ???? ???? ??? ??? ?? ?? ?? ????? ??? ? ????. ???? ??????? ???? ?? ?? ???? ???? ??????.
8. ???? ??? ?? :
   IndexedDB ??? ?????? ?? ? ????. ?? ?????? ?? ????? ????? idb ? ?? ?? ? ?? ?????? ???? ???? ??? ????? ?? ??????.

? ??? HTML5? ????? ? ?????? ????? IndexedDB? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!