Modern Web Geliştirme Yol Haritası: Sıfırdan Yayına

Web geliştirme öğrenmek isteyenlerin karşılaştığı asıl sorun kaynak azlığı değil, kaynak fazlalığıdır. Onlarca teknoloji aynı anda önerilir, sıra kaybolur ve öğrenen kişi framework kurulumunda saplanıp kalır. Bu yol haritası, hangi adımda ne öğrenmeniz ve daha önemlisi neyi bilinçli olarak ertelemeniz gerektiğini anlatıyor.

Adım 1: HTML — sayfanın anlamı

HTML’i "etiket ezberi" olarak öğrenmek yaygın hatadır. Önemli olan anlamsal (semantic) yapıdır: başlık hiyerarşisi, header, main, article, nav gibi etiketlerin doğru yerde kullanılması. Bu yapı hem ekran okuyucular hem arama motorları için sayfanın haritasıdır.

Bu aşamada öğrenilmesi gerekenler: form elemanları ve doğrulama nitelikleri, tablo yapısı, görsellerde alt kullanımı, bağlantı türleri.

Adım 2: CSS — düzen kurma sanatı

CSS’te renk ve yazı tipi ayarlamak kolay kısımdır; asıl mesele yerleşimdir. İki sistemi gerçekten öğrenin: flexbox (tek eksende hizalama) ve grid (iki eksende düzen). Bu ikisi oturduğunda hazır şablonlara bağımlılık biter.

Ardından duyarlı (responsive) tasarım gelir: sabit piksel yerine oransal birimler, max-width kullanımı ve medya sorguları. Detaylı ve güvenilir başvuru kaynağı olarak MDN Web Docs önerilir.

Erteleyin: CSS ön işlemcileri ve karmaşık kurulumlar

Sass, Tailwind, PostCSS gibi araçlar üretkenliği artırır ama saf CSS mantığı oturmadan öğrenilirse, çıktı neden bozuldu sorusunu cevaplayamazsınız.

Adım 3: JavaScript — sayfayı canlandırmak

Öncelik sırası şudur: değişkenler ve veri tipleri, diziler ve nesneler, fonksiyonlar, koşullar ve döngüler, DOM ile eleman seçme ve olay dinleme, ardından asenkron yapı (fetch, Promise, async/await).

Bu aşamada yapılacak en iyi alıştırma, küçük ama gerçek işler yazmaktır: form doğrulama, filtrelenebilir liste, bir API’den veri çekip ekrana basma. Üçünü yapabiliyorsanız temel tamamdır.

Adım 4: Sunucu tarafı — verinin kalıcı hâli

Bir dil seçin (PHP, Node.js, Python fark etmez) ve şu beş konuyu öğrenin:

1. İstek-yanıt döngüsü ve yönlendirme (routing)
2. Form verisi alma ve sunucu tarafında doğrulama
3. Oturum yönetimi, giriş ve yetkilendirme
4. Veritabanına kayıt, listeleme, güncelleme, silme
5. Dosya yükleme ve güvenli saklama

Bu beşi bir kez uçtan uca yaptığınızda, hangi framework’ü kullanırsanız kullanın aynı kavramlarla karşılaşırsınız.

Adım 5: Veritabanı — asıl kalıcı olan

İlişkisel veritabanı temelleri (tablo, birincil anahtar, yabancı anahtar, JOIN) ve indeksleme mantığı öğrenilmelidir. Yeni başlayanların en pahalı hatası, sorguyu döngü içinde çalıştırmaktır: listedeki her satır için ayrı sorgu atmak, 50 kayıtlık sayfada 51 sorgu demektir.

Adım 6: Güvenlik — sonradan eklenemez

En az şu dördü baştan bilinmelidir: SQL enjeksiyonuna karşı parametreli sorgular, XSS’e karşı çıktı kaçışlama (escaping), CSRF koruması ve yetki kontrolünün her istekte sunucu tarafında yapılması. Ekranda düğmeyi gizlemek yetki kontrolü değildir; kullanıcı adresi doğrudan yazabilir.

Adım 7: Yayın ve sonrası

Alan adı, SSL sertifikası, sunucuya dosya aktarımı, ortam değişkenleriyle yapılandırma ve yedekleme. Ardından ölçüm gelir: sayfa hızı, hata kayıtları, ziyaretçi davranışı. Yayın bir bitiş değil, ölçmenin başladığı andır.

Yeni başlayanların en sık takıldığı beş nokta

Yol haritasını bilmek yetmez; ilerlemeyi asıl yavaşlatan tekrar eden tıkanmalardır. Sahada en sık görülenler şunlardır:

1. Kurulum bataklığı: Ortam kurulumunda günler harcamak. Çözüm, ilk aylarda hazır ve basit bir kurulum kullanmak, karmaşık araç zincirini sonraya bırakmaktır.
2. Kopyala-yapıştır bağımlılığı: Çalışan kodu anlamadan almak. Alınan her parçayı satır satır açıklayabilmek, öğrenmenin en hızlı ölçütüdür.
3. Hata mesajını okumamak: Mesajın içinde dosya adı, satır numarası ve neden yazar. Aramadan önce mesajı okumak, sorunların yarısını çözer.
4. Eğitim izleme döngüsü: Beşinci kursu izlemek, ikinci projeyi bitirmekten daha kolaydır ama çok daha az öğretir.
5. Tasarımı sonraya bırakmak: Ekran düzenini hiç düşünmeden yazılan projeler, portföyde teknik yeterliliği gizler.

Bu beş tuzaktan kaçınmak, aynı sürede iki kat daha fazla ilerleme anlamına gelir.

Üç aylık örnek plan

• 1. ay: HTML + CSS, üç sayfalık duyarlı bir tanıtım sitesi.
• 2. ay: JavaScript temelleri, API’den veri çeken tek sayfalık uygulama.
• 3. ay: Sunucu tarafı + veritabanı, giriş ve yetki içeren küçük bir yönetim paneli.

Üç ayın sonunda elinizde üç bitmiş proje olur. Bu, "kursu izledim" cümlesinden çok daha güçlü bir başlangıçtır.