DEFENSIVE CODING FOR JAVASCRIPT AND HTML EĞİTİMİ

Hataya ve saldırıya dayanıklı kod yazın

Girdi doğrulama, güvenli DOM, XSS önleme ve hata dayanıklılığıyla savunmacı JavaScript ve HTML

Defensive Coding for JavaScript and HTML Eğitimi, beklenmedik girdiye, kullanıcı hatasına ve saldırıya karşı dirençli ön yüz kodu yazmayı öğretir. Program katı mod, guard kalıpları ve tip kontrolleriyle başlar; girdi doğrulama ve temizleme işlenir.

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Katı mod ve guard kalıplarından girdi temizlemeye, XSS önlemeden dayanıklı hata yönetimine akış

Defensive Coding for JavaScript and HTML Eğitimi, beklenmedik girdiye, kullanıcı hatasına ve saldırıya karşı dirençli ön yüz kodu yazmayı öğretir. Katılımcılar katı mod, guard kalıpları ve güvenli tip kontrolleriyle kırılgan kodu sağlamlaştırır. Girdi doğrulama ve temizleme, güvenli DOM kullanımı ve XSS önleme ile saldırı yüzeyi daraltılır. Program, dayanıklı hata yönetimi, geri dönüş stratejileri ve test yaklaşımlarıyla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; kırılgan örnek kod adım adım beklenmedik girdiye ve saldırıya dayanıklı hale getirilir.

Seviye

Orta Seviye — Girdi doğrulama, güvenli DOM, hata dayanıklılığı ve XSS önleme ile sağlam kod yazımı

Öğrenme Metodu

Her modülde kırılgan kod önce kırılır sonra savunmacı tekniklerle sağlamlaştırılır; her desen gerçek örneklerle uygulanır.

Neden Bu Eğitim?

🛡️Dayanıklı kod

Guard kalıpları ve girdi doğrulamayla beklenmedik veri ve kullanıcı hatası karşısında çökmeyen, öngörülebilir kod yazarsınız.

🔒Güvenlik bilinci

XSS ve güvensiz DOM kullanımını tanır, girdiyi temizleyerek ve güvenli API'lerle saldırı yüzeyini belirgin şekilde daraltırsınız.

🧯Zarif başarısızlık

Hataları yakalar, anlamlı geri bildirim verir ve geri dönüş stratejileriyle uygulamanın bozulmadan ayakta kalmasını sağlarsınız.

Anahtar Konular

defensive coding eğitimisavunmacı programlama eğitimijavascript güvenlik eğitimixss önleme eğitimigirdi doğrulamagüvenli kod yazımıjavascript eğitimiweb güvenliği eğitimihata yönetimi eğitimifrontend güvenlik kursu
“Sağlam kod sadece doğru girdide değil, her şey ters gittiğinde de öngörülebilir davranan koddur; savunmacı programlama bunu güvence altına alır.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve araçlar

1
JavaScript bilgisi

Değişken, fonksiyon, nesne ve dizi gibi temel JavaScript kavramlarına aşinalık beklenir.

2
HTML ve DOM

Temel HTML yapısı ve DOM üzerinden öğe seçme gibi kavramlara aşinalık modüllerde gereklidir.

3
Tarayıcı araçları

Geliştirici araçlarıyla konsolu açmak ve hata ayıklamak örneklerde sıkça kullanılır.

4
Editör ortamı

VS Code gibi bir editör ve güncel bir tarayıcı örnekleri çalıştırmak için gereklidir.

Eğitim İçeriği

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.

Günün hedefiKatılımcı savunmacı programlama zihniyetini kavrar, katı mod ve guard kalıplarıyla kodu sağlamlaştırır ve tip ile değer kontrollerini doğru uygular.
Modül 1
Savunmacı Zihniyet
  • Savunmacı programlamanın amacı ve kapsamı
  • Mutlu yol ile hata yollarının ayrımı
  • Beklenmedik girdinin varsayılması
  • Hızlı başarısızlık ve erken dönüş ilkesi
  • Sessiz hata ile görünür hata dengesi
  • Aşırı savunma ve okunabilirlik dengesi
Modül 2
Katı Mod ve Dilin Tuzakları
  • use strict ile katı mod etkinleştirme
  • Bildirilmemiş değişken ve sessiz hatalar
  • var yerine let ve const tercihi
  • Zımni tip dönüşümü ve tuzakları
  • Gevşek ve katı eşitlik arasındaki fark
  • Otomatik noktalı virgül ekleme riskleri
Modül 3
Tip ve Değer Kontrolü
  • typeof ile tip denetimi ve sınırları
  • null ve undefined ayrımının yönetimi
  • Array.isArray ile dizi kontrolü
  • Number.isNaN ile güvenli sayı kontrolü
  • İsteğe bağlı zincir ve varsayılan değer
  • Nesne özelliğinin güvenli okunması
Modül 4
Guard Kalıpları ve Sözleşmeler
  • Guard cümleleriyle erken dönüş
  • Fonksiyon ön koşullarının denetimi
  • Varsayılan parametre ile eksik argüman
  • İddia ile beklentilerin doğrulanması
  • Değişmez veri ile yan etki azaltma
  • Nesne dondurma ile beklenmedik değişim önleme
Günün hedefiKatılımcı kullanıcı girdisini hem tarayıcıda hem kodda doğrular, şema ve düzenli ifadelerle denetler, veriyi normalize eder ve sınır durumlarını ele alır.
Modül 1
HTML5 Form Doğrulama
  • required, min, max ve pattern öznitelikleri
  • type ile tarayıcı doğrulamasının kullanımı
  • Constraint Validation API ile denetim
  • setCustomValidity ile özel mesaj
  • Tarayıcı doğrulamasının güven sınırı
  • Erişilebilir hata mesajı sunumu
Modül 2
Kodda Girdi Doğrulama
  • İstemci doğrulamasının neden yetmediği
  • Beyaz liste yaklaşımıyla izinli değerler
  • Düzenli ifadelerle biçim denetimi
  • Sayı, tarih ve e-posta doğrulama
  • Uzunluk ve aralık sınır kontrolleri
  • Doğrulama kurallarının tek yerde toplanması
Modül 3
Şema ile Doğrulama
  • Veri şemasının tanımlanması mantığı
  • Zorunlu ve isteğe bağlı alanlar
  • İç içe nesne ve dizi doğrulama
  • Doğrulama kütüphanelerinin rolü
  • Hata nesnesinin yapılandırılması
  • API yanıtının şemaya göre denetimi
Modül 4
Normalizasyon ve Sınır Değerleri
  • Boşluk kırpma ve büyük küçük harf düzeni
  • Birim ve biçim standartlaştırma
  • Boş, sıfır ve negatif değer yönetimi
  • Çok büyük girdi ve taşma durumu
  • Unicode ve özel karakter ele alımı
  • Beklenmedik tipin güvenli dönüştürülmesi
Günün hedefiKatılımcı XSS saldırı yüzeyini tanır, innerHTML yerine güvenli API'leri kullanır, girdiyi kaçışlar ve içerik güvenlik politikasıyla savunmayı güçlendirir.
Modül 1
XSS ve Saldırı Yüzeyi
  • XSS'in çalışma mantığı ve etkisi
  • Yansıyan, kalıcı ve DOM tabanlı XSS
  • Güvenilmeyen veri kaynaklarının tespiti
  • Enjeksiyon noktalarının belirlenmesi
  • Zararlı yük örnekleriyle farkındalık
  • Saldırı yüzeyini daraltma ilkesi
Modül 2
Güvenli DOM Kullanımı
  • innerHTML ile textContent arasındaki fark
  • createElement ile güvenli öğe oluşturma
  • setAttribute ve tehlikeli öznitelikler
  • insertAdjacentHTML kullanım riskleri
  • URL ve href değerlerinin denetimi
  • Etkinlik işleyicilerinin güvenli bağlanması
Modül 3
Kaçış ve Temizleme
  • HTML, öznitelik ve URL bağlamında kaçış
  • Bağlama uygun kodlamanın önemi
  • Girdi temizleme kütüphanelerinin rolü
  • Beyaz listeyle izinli HTML etiketleri
  • Şablon enjeksiyonu ve tuzakları
  • Trusted Types ile güvenli atama
Modül 4
İçerik Güvenlik Politikası
  • CSP başlığının amacı ve yapısı
  • Satır içi betiğin engellenmesi
  • Kaynak beyaz listesi tanımlama
  • nonce ve hash ile betik izni verme
  • eval ve tehlikeli fonksiyon yasağı
  • Politika ihlali raporlarının izlenmesi
Günün hedefiKatılımcı hataları yakalar, asenkron başarısızlıkları yönetir, geri dönüş ve zarif bozulma stratejileri kurar ve savunmacı kodu testlerle doğrular.
Modül 1
Hata Yakalama ve Üretme
  • try, catch ve finally akış kontrolü
  • throw ile anlamlı bir hata üretme
  • Özel hata sınıflarının tanımlanması
  • Hatanın yutulması ile yeniden fırlatma
  • Hata bağlamının korunarak iletilmesi
  • Kullanıcıya gösterilecek güvenli mesaj
Modül 2
Asenkron Hata Yönetimi
  • Promise zincirinde catch kullanımı
  • async ve await ile try catch kullanımı
  • unhandledrejection olayının yakalanması
  • fetch yanıtında durum kodu denetimi
  • Zaman aşımı ve yeniden deneme kalıbı
  • Paralel isteklerde kısmi başarısızlık
Modül 3
Geri Dönüş ve Zarif Bozulma
  • Varsayılan değerle güvenli devam
  • Özellik algılama ile uyumluluk
  • JavaScript yoksa temel işlevin korunması
  • Ağ hatasında önbellek veya yedek içerik
  • Kullanıcıya net durum bildirimi
  • Kritik ve kritik olmayan hata ayrımı
Modül 4
Savunmacı Test ve Günlükleme
  • Sınır değer ve negatif senaryo testleri
  • Beklenen hataların test edilmesi
  • Girdi doğrulamanın birim testi
  • Hata günlükleme ve izleme kurulumu
  • Üretimde hata görünürlüğü sağlama
  • Kod incelemesinde savunmacı kontrol listesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Savunmacı zihniyet

Beklenmedik girdiyi varsayan, hızlı başarısız olan ve guard kalıplarıyla öngörülebilir davranan kod yazma alışkanlığı kazanırsınız.

✅
Katı mod

Katı modu ve dilin zımni dönüşüm tuzaklarını tanıyarak sessiz hataları önleyen daha güvenli JavaScript yazarsınız.

✅
Girdi doğrulama

Kullanıcı girdisini hem tarayıcıda hem kodda doğrular, beyaz liste ve şemayla güvenilir veri sınırları kurarsınız.

✅
Veri temizleme

Veriyi normalize eder, sınır ve özel karakter durumlarını ele alarak beklenmedik değerlere karşı dirençli işleme kurarsınız.

✅
Güvenli DOM

innerHTML yerine güvenli DOM API'lerini kullanır, bağlama uygun kaçışla enjeksiyon risklerini belirgin şekilde azaltırsınız.

✅
XSS önleme

XSS türlerini tanır, girdiyi temizler ve içerik güvenlik politikasıyla saldırı yüzeyini daraltan savunmalar kurarsınız.

✅
Hata dayanıklılığı

Senkron ve asenkron hataları yakalar, geri dönüş ve zarif bozulmayla uygulamanın ayakta kalmasını sağlarsınız.

✅
Test ve günlük

Sınır ve negatif senaryoları test eder, hata günlükleme kurarak savunmacı kodu doğrular ve üretimde görünür kılarsınız.

Kimler İçin Uygundur?

  • Kodunu beklenmedik girdiye ve saldırılara karşı sağlamlaştırmak isteyen ön yüz geliştiriciler
  • güvenli kod alışkanlıkları edinmek isteyen JavaScript geliştiricileri
  • kod kalitesini artırmak isteyen ekipler için uygundur

Sıkça Sorulan Sorular

Savunmacı programlama ne demektir?
Savunmacı programlama, kodun yalnızca beklenen girdiyle değil, beklenmedik veri, kullanıcı hatası ve kötü niyetli girişler karşısında da öngörülebilir ve güvenli davranmasını hedefleyen bir yaklaşımdır. Girdi doğrulama, guard kalıpları, güvenli DOM kullanımı ve dayanıklı hata yönetimi bu yaklaşımın temel taşlarıdır.
Bu eğitim kimler için uygundur?
Kodunu beklenmedik girdiye ve saldırılara karşı sağlamlaştırmak isteyen ön yüz geliştiriciler, güvenli kod alışkanlıkları edinmek isteyen JavaScript geliştiricileri ve kod kalitesini artırmak isteyen yazılım ekipleri için uygundur. Temel JavaScript ve HTML bilgisi beklenir.
XSS önleme bu eğitimde nasıl işleniyor?
Eğitimde yansıyan, kalıcı ve DOM tabanlı XSS türleri tanıtılır; innerHTML yerine güvenli DOM API'lerinin kullanımı, bağlama uygun kaçış, girdi temizleme ve içerik güvenlik politikası uygulamalı gösterilir. Amaç, saldırı yüzeyini kod seviyesinde belirgin biçimde daraltmaktır.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. Kırılgan örnek kod adım adım beklenmedik girdiye ve saldırıya dayanıklı hale getirilir. Yüz yüze veya online yapılabilir; içerik kurumun mevcut kod tabanına ve güvenlik gereksinimlerine göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve uygulanan savunmacı teknikleri belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

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.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Defensive Coding for JavaScript and HTML Eğitimi Sertifika Kodu DV-2026XX00 Tarih 14.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

HTML ve CSSHTML with JavaScript & CSS: Advanced Input Validation Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: Advanced Input Validation Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

HTML5 kısıtları, Constraint Validation API, düzenli ifadeler ve erişilebilir hatalarla ileri form doğrulama eğitimi. İstemci ve sunucu güvenliği birlikte.

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: APIs & Data Storage Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: APIs & Data Storage Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

localStorage, IndexedDB, Cache API ve tarayıcı API'leriyle istemci tarafında veri saklama ve çevrimdışı uygulama kurmayı öğreten orta seviye web eğitimi.

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: Data Flow, Consuming, & Transmitting Data Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: Data Flow, Consuming, & Transmitting Data Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Fetch, JSON, FormData ve REST ile veriyi tüketme, gönderme, CORS ve hata yönetimini öğreten orta seviye veri akışı ve API tüketimi eğitimi.

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: Introduction Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: Introduction Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Semantik HTML, CSS ile görünüm ve JavaScript ile etkileşimi birlikte öğreten, mini projeyle biten orta seviye web geliştirme giriş eğitimi.

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: Styling HTML & JavaScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: Styling HTML & JavaScript Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

CSS seçiciler, görsel efektler, CSS değişkenleri ve JavaScript ile dinamik stil, koyu tema ve animasyonları öğreten orta seviye biçimlendirme eğitimi.

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: WebSockets & Asynchronous Processing Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: WebSockets & Asynchronous Processing Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Event loop, Promise, async/await, WebSocket ve Server-Sent Events ile asenkron işlem ve gerçek zamanlı iletişim kurmayı öğreten orta seviye eğitim.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn