DOM ve Erişilebilir Etkileşim
DOM öğelerini güvenli seçme, sınıf ve içerik güncelleme, klavye odağını koruma.
Tahmini süre: 50 dakika
Ders kartı
Sınıf: 11. sınıf Ders: Web Tabanlı Uygulama Geliştirme Ünite: CSS ve Etkileşim Konu: DOM ve Erişilebilir Etkileşim Dersin amacı: DOM öğelerini güvenli seçme, sınıf ve içerik güncelleme, klavye odağını koruma. Ders sonunda: • DOM kavramını doğru bağlamda açıklarsın. • querySelector, focus, ARIA arasındaki ilişkiyi bir örnekle gösterirsin. • Uygulamayı normal, sınır ve hatalı durumlarla test edersin. • Çalışmanı kısa bir kanıt veya ekran görüntüsüyle sunarsın.
Konu anlatımı
DOM öğelerini güvenli seçme, sınıf ve içerik güncelleme, klavye odağını koruma. Anahtar kavramlar: DOM, querySelector, focus, ARIA. Bu konuyu öğrenirken önce “DOM” kavramının neyi çözdüğünü belirle; ardından querySelector, focus, ARIA kavramlarıyla ilişkisini bir örnek üzerinde göster. Ezber yerine neden–sonuç ilişkisi kur: hangi girdi alınır, hangi karar verilir, hangi çıktı veya kanıt beklenir? Ders sonunda konuyu kendi cümlenle açıklayabilmeli, küçük bir örnek üzerinde uygulayabilmeli ve sonucu ölçülebilir bir testle doğrulayabilmelisin.
11. sınıf bilişim laboratuvarı
Web Tabanlı Uygulama Geliştirme dersi için kavramları gerçek bir üretim ortamıyla ilişkilendiren ders görseli.
<form>
<label for="email">E-posta</label>
<input id="email" name="email" type="email" required>
<button type="submit">Gönder</button>
</form>Bu konunun testi
Öğrenci hesabınla giriş yaparak sonucu ve açıklamalı geribildirimi kaydedebilirsin.