Web Geliştirme Kavramları Eğitimi

Eğitim Hakkında

Web geliştirmenin temel kavramları

Eğitim, web geliştirmeye başlayanlara temel kavramları bütünsel verir: istemci-sunucu modeli, DNS ve HTTP istek-yanıt döngüsü, durum kodları ve başlıklar, HTML5 semantik yapı, CSS kutu modeli, Flexbox ve Grid, responsive tasarım, JavaScript ve DOM, JSON ve REST API, çerez ve oturum, tarayıcı geliştirici araçları, HTTPS, XSS ve CSRF temelleri, hosting ve dağıtım.

Süre ve Format

2 Gün. Her gün dört modül; Web Altyapısı ve HTML/CSS; JavaScript, API ve Güvenlik ekseninde ilerleyen uygulamalı program.

Seviye

Başlangıç Seviye — HTTP, HTML, CSS, JavaScript, istemci-sunucu mimarisi ve web güvenliği temelleri

Öğrenme Metodu

Her kavram tarayıcı geliştirici araçlarıyla canlı gösterilir; katılımcılar küçük bir duyarlı sayfa ve API çağrısı yapan script geliştirir.

Neden Bu Eğitim?

🌐Bütünsel bakış

Bir isteğin tarayıcıdan sunucuya gidip dönüşünü uçtan uca anlarsınız.

🧱Sağlam temel

HTML, CSS ve JavaScript'in rollerini ayırarak doğru araç seçersiniz.

🛡️Güvenlik farkındalığı

XSS, CSRF ve HTTPS gibi temel riskleri tanırsınız.

Anahtar Konular

web geliştirme kavramlarıweb geliştirme eğitimiHTTPHTML5CSS Flexbox GridJavaScript temelleriREST APIweb güvenliğiresponsive tasarımweb geliştirmeye giriş

“Web, görünmeyen kurallar üzerine kurulu görünür bir dünyadır.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Bilgisayar kullanımı

Temel bilgisayar ve internet kullanımı.

2

Merak

Kodlamaya yeni başlayanlar için programlama bilgisi gerekmez.

3

Editör

VS Code kurulumu.

4

Tarayıcı

Güncel Chrome veya Firefox.

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ı HTTP isteğinin yolunu açıklar, semantik HTML ve CSS ile duyarlı bir sayfa hazırlar.

Modül 1

İstemci-Sunucu Mimarisi

İstemci, sunucu ve istek-yanıt modeli
DNS çözümleme adımları
IP, port ve domain kavramı
Web sunucusu ve uygulama sunucusu
CDN ve önbellek
Statik ve dinamik site farkı

Modül 2

HTTP Protokolü

GET, POST, PUT, DELETE metotları
Durum kodları: 200, 301, 404, 500
İstek ve yanıt başlıkları
Çerez ve oturum
HTTPS ve TLS temeli
Tarayıcı Network sekmesi

Modül 3

HTML5

Doküman yapısı ve semantik etiketler
Form elemanları ve doğrulama
Bağlantı, görsel, tablo
Erişilebilirlik ve alt metni
Meta etiketleri ve SEO
Doğrulama (validator)

Modül 4

CSS

Seçiciler ve özgüllük
Kutu modeli ve konumlandırma
Flexbox ve Grid düzeni
Medya sorguları ve responsive tasarım
Değişkenler ve renk
Animasyon ve geçiş

Günün hedefiKatılımcı JavaScript ile sayfayı etkileşimli yapar, API'den veri çeker ve temel güvenlik önlemlerini bilir.

Modül 1

JavaScript Temelleri

Değişken, tür, fonksiyon, nesne ve dizi
Koşullar ve döngüler
Arrow function ve ES6 modülleri
Olay işleme
Hata ayıklama: console ve debugger
Asenkron: Promise ve async/await

Modül 2

DOM ve Etkileşim

querySelector ve DOM ağacı
Elemanları oluşturma ve güncelleme
Form verisi okuma
localStorage ve sessionStorage
Olay delegasyonu
Mini proje: yapılacaklar listesi

Modül 3

API ve Veri

JSON biçimi ve JSON.parse
REST ilkeleri ve uç noktalar
fetch ile GET/POST
CORS nedir
API anahtarı ve yetkilendirme başlığı
Postman ile test

Modül 4

Güvenlik ve Yayınlama

XSS, CSRF ve SQL injection tanıtımı
Girdi doğrulama ve çıktı kodlama
Güvenli çerez bayrakları
HTTPS ve karma içerik
Git ve GitHub Pages ile yayın
Sonraki öğrenme yolu

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

HTTP bilgisi

İstek, yanıt, başlık ve durum kodlarını yorumlayabilirsiniz.

✅

Semantik HTML

Erişilebilir ve SEO uyumlu sayfa yapısı kurabilirsiniz.

✅

CSS düzeni

Flexbox ve Grid ile duyarlı düzen oluşturabilirsiniz.

✅

JavaScript

Temel JavaScript ile sayfa davranışı yazabilirsiniz.

✅

DOM kullanımı

Sayfa elemanlarını dinamik güncelleyebilirsiniz.

✅

API çağrısı

fetch ile JSON verisi alıp gösterebilirsiniz.

✅

Güvenlik farkındalığı

XSS ve CSRF risklerini tanıyıp temel önlemleri bilirsiniz.

✅

Yayınlama

Sayfanızı GitHub Pages ile yayınlayabilirsiniz.

Kimler İçin Uygundur?

Web geliştirmeye yeni başlayanlar
tasarımcılar
test uzmanları
web ekipleriyle çalışan analist ve yöneticiler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Web geliştirmeye yeni başlayanlar, tasarımcılar ve web ekipleriyle çalışan analist ve yöneticiler için uygundur.

Programlama bilmem gerekir mi?

Hayır, tüm kavramlar sıfırdan anlatılır.

Framework öğretilecek mi?

Hayır, temel kavramlar vanilla HTML, CSS ve JavaScript ile işlenir.

Güvenlik konusu var mı?

Evet, XSS, CSRF ve HTTPS temel düzeyde anlatılır.

Sertifika verilir mi?

Katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

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

WEB DEVELOPMENT CONCEPTS EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

İstemci-Sunucu Mimarisi

HTTP Protokolü

HTML5

CSS

JavaScript Temelleri

DOM ve Etkileşim

API ve Veri

Güvenlik ve Yayınlama

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Global Code of Conduct Solution EO Aligned (CUSTOMIZATION REQUIRED) Eğitimi

GNNs: Classifying Graph Nodes with the Spektral Library Eğitimi

Go ile Olay Odaklı Mimari Eğitimi

Go için Sistemler Programlama Eğitimi

Go Language Basics Eğitimi