Javascript Temel Seviye: Document Object Model (DOM)

Bu video, JavaScript eğitim serisinin bir parçası olarak DOM (Document Object Model) yapısını temel seviyede ele almaktadır. Videoda öne çıkan konu başlıkları şunlardır:

• DOM Nedir?: HTML ve XML belgelerine JavaScript ile nasıl erişileceği, değiştirileceği ve manipüle edileceği anlatılır (0:34).
• Belge Yapısı ve Erişim: Doküman hiyerarşisi (node yapısı), document ve window nesneleri arasındaki farklar ve tarayıcı penceresiyle etkileşim yöntemleri açıklanır (3:00 - 6:53).
• Element Seçimi: Sayfadaki HTML elementlerine getElementById, getElementsByClassName, getElementsByTagName ve en sık kullanılan querySelector / querySelectorAll yöntemleri ile nasıl erişileceği uygulamalı olarak gösterilir (7:17 - 13:00).
• Element Manipülasyonu: JavaScript ile dinamik olarak element oluşturma (createElement), içeriğini güncelleme (innerText, innerHTML) ve sayfadan silme (remove) işlemleri incelenir (13:04 - 15:30).
• Event Listener: Kullanıcı etkileşimlerini yakalamak için addEventListener kullanımı, buton tıklama ve mouse hareketleri gibi olaylar üzerinden detaylandırılır. Ayrıca olay dinleyicilerinin nasıl kaldırılacağı (removeEventListener) gösterilir (15:32 - 22:00).