If you're seeing this message, it means we're having trouble loading external resources on our website.

Bağlandığınız bilgisayar bir web filtresi kullanıyorsa, *.kastatic.org ve *.kasandbox.org adreslerinin engellerini kaldırmayı unutmayın.

Ana içerik

Ünite: HTML/JS: Web Sayfalarını İnteraktif Hale Getirme

Web Sayfalarınızı İnteraktif Hale Getirmeye Hazır mısınız?

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ırma

JS ve DOM

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ırma

DOM Erişim Yöntemleri

JavaScript üzerinden DOM API'ını kullanarak web sayfanızdaki elementleri nasıl değiştiribileceğinizi öğrenin.

Bu bölümdeki konular:

DOM Değiştirme

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:

DOM Olayları

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:

DOM Animasyon

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:

Web Sayfanızda JS Kütüphanelerini Kullanma

Başka web geliştiricileri tarafından yapılan işlevselliği kullanmak için, web sayfanıza JS kitaplıkları eklemeyi öğrenin.

Bu bölümdeki konular:

Alıştırma

Daha Fazla Öğrenelim!

Artık JavaScript'le web sayfalarınızı düzenlemeyi öğrendiğinize göre, daha neler öğrenebilirsiniz?

Bu bölümdeki konular:

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.