Formları güçlü doğrulamayla koru
HTML with JavaScript & CSS: Advanced Input Validation Eğitimi, web formlarında girdiyi hem kullanıcı dostu hem güvenli doğrulamayı öğretir.
HTML5 kısıtlarından Constraint Validation API'ye, regex ve erişilebilir hatalara
HTML with JavaScript & CSS: Advanced Input Validation Eğitimi, web formlarında girdiyi hem kullanıcı dostu hem güvenli biçimde doğrulamayı öğretir. Katılımcılar HTML5 yerleşik kısıtları ve CSS durum stilleriyle başlar; Constraint Validation API ile programatik doğrulama, düzenli ifadelerle desen eşleştirme ve özel kurallar uygular. Ardından gerçek zamanlı doğrulama, erişilebilir hata gösterimi ve istemci ile sunucu doğrulamasının birlikte güvenliği derinlemesine ele alınır.
4 Gün. Her gün dört modül; her doğrulama tekniği gerçek bir form üzerinde kurularak kullanıcı deneyimi ve güvenlik birlikte değerlendirilir.
İleri Seviye — HTML5 kısıtları, Constraint Validation API ve JavaScript ile güçlü form doğrulama
Tek bir kayıt formu kademeli olarak güçlendirilir; HTML5 kısıtları, JavaScript doğrulama ve erişilebilir hata gösterimi sırayla eklenir.
İstemci ve sunucu doğrulamasını birlikte kurarak hem kullanıcıyı yönlendirir hem de hatalı ve kötü niyetli veriyi engellersiniz.
Gerçek zamanlı doğrulama ile kullanıcı hatayı anında görür; formu doldurma deneyimi hızlanır ve terk oranı düşer.
ARIA ve odak yönetimiyle hata mesajlarını ekran okuyucuların da algıladığı, herkes için anlaşılır biçimde sunarsınız.
Eğitimden en iyi verimi almak için önerilen bilgi düzeyi
input, form ve label gibi temel form yapılarına hâkimiyet gerekir.
Fonksiyon, olay dinleme ve DOM erişimi API örneklerini anlamak için önemlidir.
Seçici ve pseudo-class ile durum stillendirmeyi bilmek hata görünümü için faydalıdır.
Regex kavramına temel aşinalık desen eşleştirme konusunu kolaylaştırır.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
required, pattern ve type gibi kısıt öznitelikleriyle tarayıcının yerleşik doğrulamasını doğru kurabilirsiniz.
:valid, :invalid ve :user-invalid pseudo-class'larıyla geçerlilik durumlarını erişilebilir biçimde stillendirirsiniz.
Constraint Validation API ve ValidityState ile doğrulamayı JavaScript'ten programatik olarak yönetebilirsiniz.
setCustomValidity ve çapraz alan kurallarıyla parola eşleşmesi gibi özel iş kurallarını tanımlayabilirsiniz.
Düzenli ifadelerle e-posta, telefon ve parola gibi girdileri güvenli ve dengeli desenlerle doğrularsınız.
Anlık doğrulama, maskeleme ve koşullu geri bildirimle hızlı ve az hatalı form doldurma deneyimi kurarsınız.
ARIA öznitelikleri ve odak yönetimiyle hata mesajlarını ekran okuyucular dahil herkes için anlaşılır kılarsınız.
İstemci doğrulamanın sınırını kavrar, sunucu doğrulama ve temizlemeyle veriyi güvenli ve bütün tutarsınız.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Girdi doğrulama, güvenli DOM, XSS önleme ve dayanıklı hata yönetimiyle savunmacı JavaScript ve HTML kodu yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
Katı mod, basit girdi kontrolü, temel hata yakalama ve güvenli DOM alışkanlıklarıyla savunmacı programlamaya giriş yapan temel seviye eğitim.
Detayları Gör →
try/catch, özel hatalar, Promise ve async/await hata yönetimi, global yakalama ve izleme ile dayanıklı JavaScript yazmayı öğreten eğitim.
Detayları Gör →
Less değişkenleri, mixin, iç içe yazım, guard, fonksiyon ve derleme hattıyla ölçeklenebilir ve sürdürülebilir CSS yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
Sass değişkeni, mixin, @extend, @if ve @each kontrol yapıları, map ve @use modül sistemiyle modüler CSS yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
DOM, olaylar, form doğrulama, fetch ve modüllerle çerçeve kullanmadan etkileşimli web uygulamaları kurmayı öğreten uygulamalı JavaScript eğitimi.
Detayları Gör →