JavaScript Değişken, Fonksiyon ve Olay
Kullanıcı olayını dinleyip veriyi işleyen ve arayüzü güncelleyen küçük etkileşimler oluşturma.
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: JavaScript Değişken, Fonksiyon ve Olay Dersin amacı: Kullanıcı olayını dinleyip veriyi işleyen ve arayüzü güncelleyen küçük etkileşimler oluşturma. Ders sonunda: • JavaScript kavramını doğru bağlamda açıklarsın. • function, event, state 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ı
Kullanıcı olayını dinleyip veriyi işleyen ve arayüzü güncelleyen küçük etkileşimler oluşturma. Anahtar kavramlar: JavaScript, function, event, state. Bu konuyu öğrenirken önce “JavaScript” kavramının neyi çözdüğünü belirle; ardından function, event, state 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.