JavaScript öğrenmek için tek bir "en iyi site" yok. En iyi sonuç, 3 parçayı birlikte kullanınca geliyor:
- İnteraktif platform (temeli hızlı oturtmak)
- Dokümantasyon (doğru bilgiye ulaşma alışkanlığı)
- Proje tabanlı kaynaklar (gerçek gelişim)
Bu yazıda sana bunu net bir sıraya koyuyorum.
Neden Tek Site Yeterli Değil?
JavaScript hem temel dil bilgisini hem de pratik kod yazma kasını aynı anda isteyen bir alan. Sadece video izlemek veya sadece dokümantasyon okumak genelde şu sonuca gider:
- Teori biliyorsun ama kod yazamıyorsun
- Kod yazıyorsun ama neden öyle yaptığını bilmiyorsun
Bu yüzden en iyi strateji, farklı kaynakları farklı amaçlarla kullanmak.
1) Başlangıç İçin En İyi Platformlar
Sıfırdan başlayanlar veya JavaScript temelini tekrar toparlamak isteyenler.
czay.dev — JavaScript Eğitimi (Türkçe)
- Türkçe, bölüm bölüm ilerleyen ücretsiz eğitim
- Sıfırdan başlar; değişkenler, veri tipleri, fonksiyonlar, async/await, modüller, performans, sonraki adımlara kadar 30+ bölüm
- Her bölüm sonunda işaretleyebileceğin ilerleme takibi
- Tamamlayanlar liderlik tablosuna giriyor, GitHub'da paylaşılıyor
Neden iyi? İngilizce kaynaklara geçmeden önce dilini bildiğin bir kaynaktan temeli sağlam atmak öğrenme hızını ciddi artırır. Türkçe yazılım eğitiminde boşluk büyük; bu serinin amacı tam olarak onu kapatmak.
freeCodeCamp
- Tamamen ücretsiz
- Proje yaparak öğretiyor
- Sertifika veriyor
- Başlangıç seviyesinde çok güçlü bir rota sunuyor
Neden iyi? Yaparak öğrendiğin için öğrendiğin konular daha kalıcı oluyor.
Codecademy
- İnteraktif ders yapısı var
- Yazdıkça geri bildirim alıyorsun
- Özellikle ilk haftalarda motivasyonu yüksek tutuyor
Neden iyi? Yeni başlayanların en çok ihtiyaç duyduğu şey olan "anında doğru/yanlış" kontrolünü veriyor.
JavaScript.info
- Başı sonu düzenli bir JavaScript anlatımı var
- Konular temiz ve sistematik
- Temel + orta seviye geçişinde çok faydalı
Neden iyi? Kavramları dağınık değil, bağlantılı öğreniyorsun.
2) Profesyonel Dokümantasyon (Şart)
Dokümantasyon okumayı erken dönemde alışkanlık haline getirirsen diğer adaylardan hızla ayrışırsın.
MDN Web Docs
- JavaScript için en güvenilir kaynaklardan biri
- API'leri, methodları ve browser davranışlarını detaylı açıklar
- Orta seviyeden sonra vazgeçilmez hale gelir
W3Schools
- Hızlı örnek bakmak ve temel kavramları pekiştirmek için pratik
- Basit anlatımı sayesinde yeni başlayanlar için kolay takip edilir
- "Try it Yourself" editörü ile anında deneme yapabilirsin
Nasıl kullanmalı?
- Bir konu öğrenince ilgili MDN sayfasını aç
- Konuyu ilk kez görüyorsan W3Schools üzerinden hızlı bir ön izleme yap
- Örnekleri kopyalayıp kendin değiştir
- "Parameters", "Return value" ve "Browser compatibility" bölümlerini mutlaka oku
3) Proje Yaparak Öğrenme (Game Changer)
Bilgi, sadece problem çözdüğünde kalıcı olur. Projeler bu yüzden kritik.
JavaScript30
- 30 günde 30 mini proje
- Framework yok, saf JavaScript odakli
- DOM, events ve browser API pratiği çok güçlü
Neden iyi? "Videoda izledim" seviyesinden "kendim yaptım" seviyesine geçiriyor.
The Odin Project
- Frontend + backend için yol haritası sunuyor
- Gerçek proje odaklı ilerliyor
- Öğrenmeyi bir kurs değil, sistem gibi kurguluyor
Neden iyi? Sana sadece konu anlatmıyor, bir geliştirici gibi düşünmeyi öğretiyor.
Hangi Sırayla İlerlemelisin?
- İlk hafta: czay.dev JavaScript eğitimi ile Türkçe temeli oturt
- İlk 4-6 hafta: freeCodeCamp veya Codecademy ile temel konuları İngilizce kaynaklara taşı
- Paralelde: JavaScript.info ile konu boşluklarını kapatma
- Her konuda: MDN'den resmi açıklamayı okuma alışkanlığı
-
- aydan itibaren: JavaScript30 ile mini projeler
- Sonraki adım: The Odin Project ile daha büyük proje rutini
30 Günlük Mini Çalışma Planı
1-10. gün
- Değişkenler, veri tipleri, koşullar, döngüler
- Fonksiyonlar ve scope
- Her gün 30-60 dakika kod yazma
11-20. gün
- Array methodları (
map,filter,reduce) - Objects, destructuring, template literals
- Basit DOM manipüle etme
21-30. gün
- Event handling
- Form işlemleri
- En az 2 mini proje: To-do, hava durumu, not uygulaması gibi
Sıkışılan Noktalar ve Çözümler
"Konuları anlıyorum ama kod yazamıyorum"
Çözüm: Her yeni konudan sonra 20-30 satırlık mini bir örnek yaz. Tüketim değil, üretim odaklı git.
"Çok kaynak var, dağılıyorum"
Çözüm: Aynı anda en fazla 2 ana kaynak seç. Birini "öğrenme", diğerini "pratik" için kullan.
"Motivasyonum düşüyor"
Çözüm: Haftalık hedefi "konu bitirmek" değil, "proje çıkarmak" olarak belirle.
Sonuç
JavaScript öğrenmek için tek bir "en iyi site" arama. En iyi kombinasyon şu:
- Türkçe başlangıç: czay.dev JavaScript eğitimi
- İngilizce başlangıç: freeCodeCamp veya Codecademy
- Teoriyi sağlamlaştırma: JavaScript.info
- Profesyonel dokümantasyon: MDN Web Docs + W3Schools
- Pratik ve proje: JavaScript30 + The Odin Project
Bu kombinasyonu düzenli uygularsan, sadece JavaScript öğrenmezsin; geliştirici gibi düşünmeyi de öğrenirsin.
Bonus: Hemen Başlamak İçin
Bugün şu 3 adımı at:
- czay.dev JavaScript eğitiminin ilk bölümünü bitir, ilerleme takibini açık tut
- MDN'de bugün öğrendiğin bir methodu okuyup not al
- 20-30 satırlık mini bir JS dosyası yazarak konuyu pekiştir
Yarın da aynı döngüyü tekrar et. İstikrar, kaynaktan daha güçlüdür.