Ana içerik
Ünite 6: HTML/JS: Web Sayfalarını İnteraktif Hale Getirme
Bu ünite hakkında:
Hem JS'ye Giriş, hem de HTML/CSS'ye Giriş derslerini aldıktan sınra, web sayfalarınızı etkileşimli yapmak için bu dersi alıp HTML/CSS'yi JavaScript DOM API ile kullanmayı öğrenin.
Web sitenizi HTML, JavaScript ve DOM API kullanarak nasıl daha interaktif yapabileceğinizi öğrenmeye hazır mısınız? Bu bölümde bilgilerinizi tazelemek için sorular bulacaksınız, haydi başlayın!
Bu bölümdeki konular:
Alıştırmalar:
JavaScript kullanarak bir web sayfasının DOM (Document Object Model)'ini nasıl kontrol edebileceğinizi öğrenin.
Bu bölümdeki konular:
Alıştırmalar:
JavaScript üzerinden DOM API'ını kullanarak web sayfanızdaki elementleri nasıl değiştiribileceğinizi öğrenin.
Bu bölümdeki konular:
JavaScript üzerinden DOM API'ını kullanarak web sayfanızdaki elementlerin özelliklerini nasıl değiştirebileceğinizi ya da nasıl sıfırdan yeni elementler ekleyebileceğinizi öğrenin.
Bu bölümdeki konular:
JavaScript üzerinden DOM API'ını kullanarak web sayfanızın klikleme, aşağı kaydırma ya da form doldurma gibi kullanıcı hareketlerine nasıl tepki vermesini sağlayabileceğinizi öğrenin.
Bu bölümdeki konular:
Web sayfanızın farklı bölümlerine nasıl animasyon ekleyebileceğinizi öğrenin. Bunun için size üç farklı teknik göstereceğiz: window.setInterval, window.requestAnimationFrame ve CSS animations/transitions.
Bu bölümdeki konular:
Başka web geliştiricileri tarafından yapılan işlevselliği kullanmak için, web sayfanıza JS kitaplıkları eklemeyi öğrenin.
Artık JavaScript'le web sayfalarınızı düzenlemeyi öğrendiğinize göre, daha neler öğrenebilirsiniz?