JavaScript öğrenmek ve ustalaşmak için bir yol haritası

Temel Bilgiler (Başlangıç Seviyesi)

Amaç: JavaScript’in temellerini öğrenmek.

Temel Kavramlar

• Değişkenler (var, let, const)
• Veri türleri (string, number, boolean, null, undefined, object)
• Operatörler (aritmetik, atama, karşılaştırma, mantıksal)
• Koşullar ve döngüler (if-else, switch-case, for, while, do-while)

Fonksiyonlar

• Fonksiyon tanımlama ve çağırma
• Parametreler ve dönüş değerleri
• Arrow functions (ES6)

DOM (Document Object Model)

• DOM nedir?
• Element seçimi (getElementById, querySelector)
• DOM manipülasyonu (innerHTML, style, classList)
• Olay dinleyiciler (addEventListener)

Temel Hatalar ve Hata Yönetimi

• console.log kullanımı
• try-catch yapısı

Orta Seviye JavaScript (Gelişmiş Temeller)

Amaç: Modern JavaScript özelliklerini öğrenmek.

ES6+ (Modern JavaScript)

• Let ve const
• Template literals
• Destructuring assignment
• Spread ve rest operatörleri
• Modules (import/export)

Dizi ve Nesne İşlemleri

• Dizi metodları (map, filter, reduce, forEach, find)
• Nesne oluşturma ve yönetme

Asenkron Programlama

• setTimeout ve setInterval
• Promises
• async/await

Tarayıcı API’leri

• Fetch API ile HTTP istekleri
• Yerel depolama (localStorage, sessionStorage)

İleri Seviye JavaScript (Derinleşme)

Amaç: JavaScript’in derinliklerini keşfetmek.

Gelişmiş Konular

• Scope ve closure
• Hoisting
• Event loop ve call stack
• This bağlamı
• Prototipler ve kalıtım

TypeScript (Opsiyonel)

• Statik tip kontrolü
• TypeScript ile daha sağlam uygulamalar

Performans ve Optimizasyon

• Kodun performansını analiz etme
• Debouncing ve throttling

Uygulamalar ve Projeler

Amaç: Teoriyi pratiğe dökmek.

Temel Projeler

• Bir hesap makinesi
• Bir görev listesi uygulaması
• Sayfa üzerinde çalışan bir saat/timer

Orta Seviye Projeler

• Hava durumu uygulaması (Fetch API kullanarak)
• Bir resim galerisi
• Basit bir oyun (örneğin taş-kâğıt-makas veya yılan oyunu)

İleri Seviye Projeler

• RESTful bir API ile çalışan bir not uygulaması
• Gerçek zamanlı bir sohbet uygulaması (WebSocket kullanarak)
• React veya Vue.js ile bir SPA (Single Page Application)

JavaScript Framework ve Kütüphaneleri

Amaç: JavaScript’in popüler araçlarını öğrenmek.

Frontend Frameworkleri

• React
• Vue.js
• Angular

Backend için JavaScript

• Node.js öğrenmek
• Express.js ile REST API geliştirmek

Ek Kütüphaneler

• Axios (HTTP istekleri için)
• Chart.js (Grafik çizimi için)
• Three.js (3D grafikler için)

Kariyer Odaklı Çalışmalar

Amaç: JavaScript ile uzmanlaşmak.

1. Git ve GitHub kullanımı öğren.
2. JavaScript projelerini portföyünde sergile.
3. Kodun test edilmesi (Jest, Mocha gibi test kütüphaneleri).
4. Açık kaynak projelere katkıda bulun.