JavaScript Academy · Ders

İşlemler ve CRUD

Kayıt ekleyin, okuyun, güncelleyin ve silin.

2. ders / 413 adım

İşlemler ve CRUD, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 4 dersten oluşur.

Her Şey Bir İşlemdir

IndexedDB'de tüm okuma ve yazma işlemleri bir işlem içinde gerçekleşir. Bir işlem, işlemleri gruplayarak hepsinin ya başarılı olmasını ya da tümünün geri alınmasını sağlar; böylece veriler tutarlı kalır.

İşlem Başlatma

db.transaction(storeNames, mode) ile bir işlem oluşturun. Mod, değişiklikler için 'readonly' (varsayılan) veya 'readwrite' değeridir.

const tx = db.transaction('notes', 'readwrite');
const store = tx.objectStore('notes');

Nesne Deposunu Alma

İşlemden, çalışmak istediğiniz nesne deposunu tx.objectStore(name) üzerinden alın. Tüm CRUD yöntemleri bu depoda bulunur.

const tx = db.transaction('notes', 'readwrite');
const store = tx.objectStore('notes');
// store.add / get / put / delete

Kayıt Ekleme

store.add(value) yeni bir kayıt ekler. Aynı anahtara sahip bir kayıt zaten varsa başarısız olur; bu da yanlışlıkla üzerine yazmayı önler.

const store = tx.objectStore('notes');
const req = store.add({ id: 1, text: 'Buy milk' });
req.onsuccess = () => console.log('added with key', req.result);

Kayıt Okuma

store.get(key) anahtarına göre tek bir kayıt getirir. Sonuç, isteğin onsuccess olayında request.result olarak gelir (bulunamazsa undefined olur).

const req = store.get(1);
req.onsuccess = () => {
  console.log('record:', req.result);
};

put ile Güncelleme

store.put(value) bir kaydı ekler veya değiştirir. add'den farklı olarak aynı anahtara sahip mevcut bir kaydın üzerine yazar; bu nedenle güncellemeler için idealdir.

store.put({ id: 1, text: 'Buy milk and eggs' });
// Replaces the existing record with id 1.

Kayıt Silme

store.delete(key) verilen anahtara sahip kaydı kaldırır. Böyle bir kayıt olmasa bile başarılı olur.

const req = store.delete(1);
req.onsuccess = () => console.log('deleted');

Depoyu Temizleme

store.clear() nesne deposundaki tüm kayıtları tek seferde kaldırır. Önbelleğe alınmış verileri sıfırlamak için kullanın.

store.clear();
// All records in 'notes' are removed.

İşlemin Tamamlanması

İşlem, tüm işlemleri kalıcı hâle getirildiğinde oncomplete olayını; bir şey başarısız olduğunda ise onerror veya onabort olayını tetikler. Yazmaların kalıcı olduğunu bilmek için oncomplete olayını kullanın.

tx.oncomplete = () => console.log('all changes saved');
tx.onerror = () => console.log('transaction failed');

Otomatik Kaydetme Davranışı

Bekleyen istek olmadığında denetim olay döngüsüne döndüğünde işlemler otomatik olarak kaydedilir. Bir işlemi ilgisiz eşzamansız işin await'i boyunca açık tutamazsınız; tüm depo işlemlerini birlikte gerçekleştirin.

// Queue operations synchronously within the same tx:
store.add({ id: 2, text: 'A' });
store.add({ id: 3, text: 'B' });
// Both commit together when tx completes.

CRUD Özeti

Dört temel işlem açıkça eşleşir:

Oluşturma: add
Okuma: get
Güncelleme: put
Silme: delete

Tüm bunlar tutarlılığı garanti eden bir işlem içinde gerçekleşir.

Hızlı Kontrol

İşlemler ve CRUD hakkındaki anlayışınızı sınayın.

İnteraktif derste cevapla

Tekrar

İşlemleri ve CRUD işlemlerini öğrendiniz:

db.transaction(store, mode) ile başlayın.
tx.objectStore(name) ile depoyu alın.
add ekler, get okur, put ekler veya günceller, delete kaldırır.
Sonuçlar her isteğin onsuccess olayında gelir.
tx.oncomplete, değişikliklerin kaydedildiğini doğrular.

Sırada dizinler ve sorgular var.

Başlamak ücretsiz

Yapay zeka eğitmeniyle JavaScript öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar: 59
Dersler: 200

Ücretsiz öğrenmeye başla Tüm kursu görüntüle

Sıkça Sorulan Sorular

“İşlemler ve CRUD” dersi ücretsiz mi?

Evet — “İşlemler ve CRUD” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 4 dersten oluşur.

“İşlemler ve CRUD” dersinde ne öğreneceğim?

Kayıt ekleyin, okuyun, güncelleyin ve silin. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.

“İşlemler ve CRUD” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← JavaScript Academy Sayfasına Dön