Javascript Temel Seviye: Formlar ve Temel Olay Yönetimi

Bu video, JavaScript ile web formlarından veri alma, temel olay yönetimi (event handling) ve validasyon (doğrulama) işlemlerine giriş yapmaktadır. Eğitim, pratik bir kayıt formu oluşturma üzerinden ilerler (2:32).

Videonun temel konu başlıkları:

• Form Yapısı ve Elemanları: Kullanıcıdan veri almak için HTML form etiketlerinin kullanımı, input tipleri ve fieldset/legend ile gruplandırma yöntemleri gösterilmektedir (2:32-5:50).
• Temel Olay Yönetimi (Event Handling):
  • submit olayı: Formun gönderilme süreci ve sayfanın yenilenmesini engellemek için e.preventDefault() kullanımı (5:58-7:58).
  • input olayı: Kullanıcı bir kutucuğa veri girişi yaptığında anlık takip (10:04-11:04).
  • change olayı: Select kutusu gibi alanlarda seçim değişikliğini yakalama (11:05-12:05).
• Validasyon İşlemleri:
  • HTML5 Validasyonu: required, minlength gibi niteliklerin kullanımı (6:30-7:30).
  • JavaScript ile Doğrulama: Regex (düzenli ifadeler) kullanarak e-posta kontrolü ve koşullu uyarı mesajları (13:10-15:29).
  • CSS ile Dinamik Stil: valid ve invalid seçicileri ile form girişlerinin anlık görsel geri bildirim alması (15:30-17:40).

Eğitmen, bu işlemlerin sadece ön yüz (UI) tarafıyla sınırlı kalmaması gerektiğini, güvenlik için arka uç (backend) tarafında da mutlaka kontrol edilmesi gerektiğini vurgulamaktadır (4:03).