Defensive Coding Temel JavaScript HTML Eğitimi

Eğitim Hakkında

Katı mod ve tip kontrolünden form doğrulamaya, temel hata yakalamadan güvenli DOM'a giriş

Defensive Coding Fundamentals for JavaScript and HTML Eğitimi, sağlam kod yazmanın temel alışkanlıklarını yeni başlayanlara uygun şekilde öğretir. Katılımcılar katı modun ve basit tip kontrollerinin neden önemli olduğunu kavrar, kullanıcı girdisini temel düzeyde doğrular ve null ile undefined durumlarını ele alır. Temel hata yakalama, güvenli DOM alışkanlıkları ve XSS'e karşı giriş düzeyinde farkındalık işlenir. Program, küçük ve dayanıklı bir örnekle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; basit örnekler üzerinde sağlam kod yazmanın temel savunmacı alışkanlıkları kazandırılır.

Seviye

Temel Seviye — Katı mod, basit girdi kontrolü, temel hata yakalama ve güvenli DOM alışkanlıkları

Öğrenme Metodu

Her modülde basit kod örnekleri önce kırılır sonra temel savunmacı tekniklerle düzeltilir; adımlar birlikte uygulanır.

Neden Bu Eğitim?

🌱Sağlam temel

Katı mod ve basit kontrollerle daha ilk günden sessiz hataları önleyen, güvenilir kod yazma alışkanlığını edinirsiniz.

🔎Hatayı anlama

Kodun neden hata verdiğini görür, null ve undefined gibi yaygın tuzakları tanır ve bunları temel düzeyde ele alırsınız.

🧱Güvenli alışkanlık

Girdi kontrolü, temel hata yakalama ve güvenli DOM alışkanlıklarıyla ileri konulara sağlam bir zemin hazırlarsınız.

Anahtar Konular

defensive coding temel eğitimisavunmacı programlama girişjavascript temel eğitimigirdi doğrulama eğitimigüvenli kod temellerijavascript hata yakalamahtml form doğrulamayeni başlayanlar javascriptgüvenli kodlama kursufrontend temel eğitim

“Sağlam kod büyük hilelerle değil, her gün tekrarlanan küçük ve doğru alışkanlıklarla kurulur; bu eğitim o alışkanlıkların temelini atar.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak temel bilgi ve ortam

1

Temel JavaScript

Değişken, fonksiyon ve koşul gibi en temel JavaScript kavramlarına aşinalık beklenir.

2

Temel HTML

Basit HTML etiketleri ve form öğeleri hakkında giriş düzeyinde bilgi faydalıdır.

3

Tarayıcı konsolu

Geliştirici araçlarıyla konsolu açıp çıktı görmek örneklerde kullanılır.

4

Editör ve tarayıcı

Bir kod 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ı kodun ne olduğunu kavrar, katı modu etkinleştirir, değişken bildirimini doğru yapar ve temel tip ile değer kontrollerini uygular.

Modül 1

Savunmacı Koda Giriş

Savunmacı kodlamanın basit anlamı
İyi ve kötü girdi arasındaki fark
Küçük hataların büyük soruna dönüşmesi
Erken kontrol etmenin sağladığı fayda
Okunabilir ve güvenli kod dengesi
Gün boyu kullanılacak örnek tanıtımı

Modül 2

Katı Mod ve Değişkenler

use strict ile katı modun açılması
var yerine let ve const kullanımı
Bildirilmemiş değişken kullanım hatası
Değişken kapsamı ve karışıklık
Sabit değerler için const tercihi
İsimlendirmede açıklık ve tutarlılık

Modül 3

Tip ve Değer Kontrolü

typeof ile değişken tipini öğrenme
Doğru ve yanlış sayılan değerler
null ve undefined arasındaki fark
Gevşek ve katı eşitlik kullanımı
Sayıya çevirmede oluşan tuzaklar
Beklenen tipin basitçe doğrulanması

Modül 4

Basit Guard Kontrolleri

Fonksiyon başında girdi kontrolü
Eksik değerde erken çıkış yapma
Varsayılan parametre kullanımı
Boş dizi ve nesne durumlarının yönetimi
Beklenmedik değerde güvenli davranış
Basit kontrollerle çökmeyi önleme

Günün hedefiKatılımcı kullanıcı girdisinin neden kontrol edilmesi gerektiğini kavrar, HTML5 ile form doğrular ve basit kod kontrolleriyle güvenli veri işler.

Modül 1

Neden Girdi Kontrolü

Kullanıcı girdisinin güvenilmez olması
Boş ve hatalı girdi örneklerinin görülmesi
Kontrolsüz girdinin yol açtığı hatalar
İstemci tarafı kontrolünün sınırı
Her girdiyi şüpheyle karşılama
Basit kontrol listesi oluşturma

Modül 2

HTML5 Form Doğrulama

required ile zorunlu alan belirleme
type ile e-posta ve sayı doğrulama
min, max ve maxlength sınırları
pattern ile basit biçim kuralı
placeholder ve etiketle yönlendirme
Tarayıcı hata mesajlarının görünmesi

Modül 3

Kodda Basit Doğrulama

Boş alan kontrolü ve uyarı verme
Metin uzunluğunun denetlenmesi
Sayı aralığının kontrol edilmesi
Basit düzenli ifadeyle biçim kontrolü
Kabul edilen değer listesi kullanımı
Hatalı girdide kullanıcıyı bilgilendirme

Modül 4

Temel Veri Temizleme

Baştaki ve sondaki boşlukları kırpma
Büyük ve küçük harf düzenlemesi
Beklenmedik karakterlerin ayıklanması
Boş değerin varsayılana çevrilmesi
Güvenli varsayılan değer belirleme
Temizlenmiş veriyle devam etme

Günün hedefiKatılımcı try/catch ile hataları yakalar, anlamlı mesaj gösterir, güvenli DOM alışkanlıklarını uygular ve XSS'e karşı giriş düzeyinde farkındalık kazanır.

Modül 1

try/catch ile Hata Yakalama

Hatanın ne olduğu ve neden olduğu
try ve catch blok yapısının kullanımı
finally bloğunun kullanım amacı
Hatayı yakalayıp çökmeyi önleme
Konsola anlamlı hata mesajı yazdırma
Yakalanan hatanın kullanıcıya özeti

Modül 2

Anlamlı Hata Mesajı

Teknik detayın kullanıcıdan gizlenmesi
Net ve yönlendirici mesaj yazımı
Hata durumunda arayüzün korunması
Başarı ve hata durumunun ayrımı
Kullanıcıya sonraki adımı gösterme
Sessiz hatalardan kaçınma yolları

Modül 3

Güvenli DOM Alışkanlıkları

textContent ile güvenli metin yazma
innerHTML kullanımının taşıdığı risk
createElement ile öğe oluşturma
Kullanıcı verisini doğrudan basmama
Bağlantı ve öznitelikte dikkat noktaları
Basit güvenli yazma alışkanlığı

Modül 4

XSS Farkındalığı

XSS'in basit anlamda ne olduğu
Zararlı girdinin sayfaya işlenmesi
Güvenilmeyen veri kaynağını tanıma
Kullanıcı verisini kaçışla gösterme
Basit örnekle saldırının görülmesi
İleri güvenlik konularına köprü

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Katı mod

Katı modu etkinleştirir ve değişkenleri doğru bildirerek daha ilk günden yaygın sessiz hataların önüne geçersiniz.

✅

Tip kontrolü

typeof, null ve undefined gibi kavramlarla değerleri basitçe kontrol eder ve beklenmedik tiplere karşı dikkatli davranırsınız.

✅

Guard kontrolleri

Fonksiyon başında basit guard kontrolleriyle eksik veya hatalı girdide erken çıkış yaparak çökmeyi önlersiniz.

✅

Form doğrulama

HTML5 öznitelikleriyle form alanlarını doğrular ve kullanıcıya anlaşılır hata geri bildirimi gösterirsiniz.

✅

Girdi temizleme

Boşluk kırpma ve basit biçim kontrolleriyle kullanıcı girdisini güvenli varsayılanlarla işlemeyi öğrenirsiniz.

✅

Hata yakalama

try ve catch ile hataları yakalar, uygulamanın çökmesini önler ve kullanıcıya anlamlı bir mesaj gösterirsiniz.

✅

Güvenli DOM

textContent gibi güvenli yöntemleri tercih ederek kullanıcı verisini sayfaya güvenle yazma alışkanlığı kazanırsınız.

✅

XSS farkındalığı

XSS'in temel mantığını kavrar, güvenilmeyen veriyi tanır ve ileri güvenlik konularına sağlam bir giriş yaparsınız.

Kimler İçin Uygundur?

Sağlam kod yazma alışkanlıklarını temelden öğrenmek isteyen yeni geliştiriciler
kodunun neden hata verdiğini anlamak isteyen öğrenciler
güvenli kodlamaya giriş yapmak isteyen web meraklıları için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Sağlam kod yazma alışkanlıklarını temelden öğrenmek isteyen yeni geliştiriciler, kodunun neden hata verdiğini anlamak isteyen öğrenciler ve güvenli kodlamaya giriş yapmak isteyen web meraklıları için uygundur. Yalnızca en temel JavaScript ve HTML bilgisi yeterlidir.

Bu eğitim ile ileri seviye arasındaki fark nedir?

Bu temel eğitim savunmacı kodlamanın giriş alışkanlıklarına odaklanır: katı mod, basit girdi kontrolü, temel hata yakalama ve güvenli DOM. İleri seviye eğitim ise şema doğrulama, içerik güvenlik politikası, asenkron hata yönetimi ve savunmacı test gibi daha derin konuları kapsar.

Önceden deneyim gerekiyor mu?

Hayır, yoğun bir deneyim gerekmez. Değişken, fonksiyon ve koşul gibi en temel JavaScript kavramlarına ve basit HTML etiketlerine aşinalık yeterlidir. Eğitim örnekleri adım adım ilerler ve her teknik küçük kod parçaları üzerinde uygulamalı gösterilir.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. Basit örnekler üzerinde sağlam kod yazmanın temel savunmacı alışkanlıkları kazandırılır. Yüz yüze veya online yapılabilir; içerik katılımcıların seviyesine ve kurumun ihtiyaçlarına 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 öğrenilen temel 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

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

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Savunmacı Koda Giriş

Katı Mod ve Değişkenler

Tip ve Değer Kontrolü

Basit Guard Kontrolleri

Neden Girdi Kontrolü

HTML5 Form Doğrulama

Kodda Basit Doğrulama

Temel Veri Temizleme

try/catch ile Hata Yakalama

Anlamlı Hata Mesajı

Güvenli DOM Alışkanlıkları

XSS Farkındalığı

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Temel Seviye HTML Eğitimi

Temel ve İleri Seviye HTML Eğitimi

Advanced Options & Responsive Web Design Eğitimi

API Development: HTML & Hypermedia Eğitimi

Basic Coding in Adobe Dreamweaver CC Eğitimi

Bootstrap & Dashboards Eğitimi