DOM Nedir?
Her web sayfasını temsil eden ağacı, Document Object Model'i, yalın bir dille anlayın ve onu değiştirmenin jQuery'nin en iyi yaptığı işlerden biri olduğunu keşfedin.
DOM Nedir?, CoddyKit'te ücretsiz bir jQuery Academy dersidir. Bu, 3 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, jQuery Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. jQuery Academy kursu toplamda 3 dersten oluşur.
DOM ile Tanışın
jQuery'yi kullanmak için DOM'u bilmeniz yararlı olur. Endişelenmeyin — adı ürkütücü olsa da basit bir kavramdır. 😊
Ağaç olarak sayfa
DOM, web sayfanızın parçalardan oluşan bir ağaca dönüştürülmüş hâlidir — her başlık, düğme ve görsel bir daldır.
Bir aile ağacı
Bir aile ağacı düşünün. 🌳 Sayfa ebeveyndir ve içindeki her öğe bir çocuktur. Öğeler düzenli biçimde iç içe yerleşir.
Neden önemli?
DOM, kodunuzun iletişim kurduğu yapıdır. Bir düğmeyi değiştirmek mi istiyorsunuz? DOM'un içine girip onu bulursunuz.
Her yerde öğeler
Her parçaya öğe denir. Bir başlık, paragraf veya bağlantı — bunların hepsi ağaçta yer alan öğelerdir.
Seçicilerle seçim yapma
Bir öğeyi bulmak için seçici kullanırsınız — bu, tam olarak istediğiniz parçayı gösteren bir adres gibidir.
İmdada jQuery yetişiyor
İşte sihir burada: jQuery, DOM öğelerini bulmayı son derece kolaylaştırır. Bu ifade, tüm paragrafları tek seferde bulur.
$("p");Sonra onları değiştirin
Bir öğeyi bulduktan sonra metnini veya rengini değiştirebilir ya da onu gizleyebilirsiniz — dilediğiniz her şeyi yapabilirsiniz.
Köprü
Yani DOM sayfanın kendisidir, jQuery ise sayfanın içine kolayca ulaşıp onunla çalışmanızı sağlar. Mükemmel bir ikili! 🤝
Nasıl da ilerliyorsunuz!
Artık DOM'u VE jQuery'nin onu nasıl kullandığını biliyorsunuz. 🎉 Sırada, bunların gerçek web sitelerinde nerede karşınıza çıktığı var.
Hızlı Kontrol
Kısaca düşünelim! Az önce ele aldığımız konuyu hatırlayın.
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
- 22
- Dersler
- 48
Sıkça Sorulan Sorular
“DOM Nedir?” dersi ücretsiz mi?
Evet — “DOM Nedir?” 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 jQuery Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. jQuery Academy kursu toplamda 3 dersten oluşur.
“DOM Nedir?” dersinde ne öğreneceğim?
Her web sayfasını temsil eden ağacı, Document Object Model'i, yalın bir dille anlayın ve onu değiştirmenin jQuery'nin en iyi yaptığı işlerden biri olduğunu keşfedin. jQuery 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.
jQuery Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te jQuery 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, 3 dersinin 2. dersidir.
“DOM Nedir?” 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 jQuery Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her jQuery 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
- jQuery Nedir?
- DOM Nedir?
- Gerçek Dünyada jQuery