JavaScript
Web'in dili — etkileşimli siteler ve uygulamalar
JavaScript'i sıfırdan öğren: değişkenlerden, koşullardan, döngülerden ve fonksiyonlardan dizilere, nesnelere, DOM'a, asenkron koda, sınıflara ve modüllere kadar. Her derste kodu doğrudan tarayıcında çalıştırıp sonucu hemen görürsün. Kursun sonunda verilerle çalışan ve web sayfalarını etkileşimli hâle getiren kendi programlarını yazabileceksin.
27 ders6 modül≈ 8,3 saBaşlangıçOrtaİleri
Kurs içeriği
14 ders
JavaScript temelleri
Başlangıçİlk programını yaz; değişkenleri, veri tiplerini, operatörleri ve string'lerle çalışmayı öğren.
- 1JavaScript nedir? İlk programınJavaScript'in ne olduğunu ve nerede çalıştığını öğren, `console.log` ile ilk programını yaz.10 dk
- 2Değişkenler ve veri tipleri`let` ve `const` ile değişken oluşturmayı, onlara iyi ad vermeyi ve JavaScript'in temel veri tiplerini öğren.12 dk
- 3Operatörler ve tip dönüşümüAritmetik, karşılaştırma ve mantıksal operatörleri öğren; `'5' + 3` ifadesinin neden `'53'` verdiğini anla.14 dk
- 4String'ler ve şablon string'leriMetinlerle çalışmayı öğren: karakterlere erişim, kullanışlı metotlar ve değişkenleri metne kolayca yerleştiren şablon string'leri.13 dk
23 ders
Koşullar, döngüler ve fonksiyonlar
BaşlangıçProgramına karar vermeyi, işleri tekrarlamayı ve kodu yeniden kullanılabilir fonksiyonlara bölmeyi öğret.
- 5Koşullar: if, else ve switchProgramına karar vermeyi öğret: `if`, `else if`, `else`, üçlü operatör ve `switch`.13 dk
- 6Döngüler: for, while ve for...ofAynı işi defalarca tekrarlamayı öğren: `for`, `while`, `do...while`, `for...of`, ayrıca `break` ve `continue`.14 dk
- 7Fonksiyonlar ve ok fonksiyonlarıKodu yeniden kullanılabilir parçalara böl: fonksiyon tanımlama, parametreler, `return`, varsayılan değerler, ok fonksiyonları ve kapsam.15 dk
34 ders
Veriler ve tarayıcı
OrtaDizi, nesne ve JSON ile verileri yönet, hataları yakala ve DOM sayesinde sayfaları canlandır.
- 8Diziler ve dizi metotlarıListelerle çalışmayı öğren: eleman eklemek ve silmek, verileri `map`, `filter`, `find` ve `reduce` ile dönüştürmek.16 dk
- 9Nesneler, yapı bozma ve spreadBir şeyin tüm özelliklerini bir nesnede bir arada tut, onları yapı bozma ile çıkar, `...` ile kopyala ve birleştir.17 dk
- 10JSON ve hata yönetimiVerileri JSON biçiminde gönder ve al; programın çökmesin diye hataları `try...catch` ile yakala.15 dk
- 11DOM ve olaylarSayfayı JavaScript ile yönet: elemanları bul, değiştir, yenilerini oluştur ve tıklamalara ve yazmaya tepki ver.18 dk
43 ders
Modern JavaScript
İleriAsenkron kod, sınıflar, modüller ve profesyonel geliştiricilerin kullandığı araçlarla tanış.
- 12Asenkron JavaScript: callback, Promise, async/awaitBekleme gerektiren işleri programı dondurmadan yapmayı öğren: `setTimeout`, callback'ler, Promise ve `async`/`await`.20 dk
- 13Sınıflar ve kalıtımAynı yapıdaki nesneleri sınıflarla oluştur: yapıcı, metotlar, `extends` ile kalıtım, gizli alanlar, getter'lar ve statik metotlar.18 dk
- 14Modüller ve modern araçlarKodu `import` ve `export` ile dosyalara böl, npm ile paket ekle ve profesyonellerin kullandığı araçlarla tanış: Vite, ESLint, Prettier.16 dk
58 ders
Derinlemesine JavaScript
İleriDilin içeride nasıl çalıştığını öğren: closure'lar, prototipler, olay döngüsü, üreteçler, fonksiyonel stil, hatalar, düzenli ifadeler ve performans.
- 15Kapsam ve closure'larJavaScript'in değişkenleri nasıl bulduğunu anla: sözcüksel kapsam, closure'lar, IIFE ve modül deseni; ayrıca `this`, `bind`, `call` ve `apply`.22 dk
- 16Prototipler ve kalıtım`class`'ın arkasında gerçekte ne olduğunu gör: prototip zinciri, `Object.create`, yapıcı fonksiyonlar ve sınıfların neden “sözdizimsel şeker” olarak adlandırıldığı.20 dk
- 17Olay döngüsü ve eşzamanlılıkMotorun içine bak: çağrı yığını, görev kuyruğu ve mikro görev kuyruğu. `setTimeout`, Promise ve `await`'in tam çalışma sırasını tahmin etmeyi öğren.22 dk
- 18Yineleyiciler, üreteçler ve semboller`for...of` ve spread'in nasıl çalıştığını öğren: yineleme protokolü, `Symbol.iterator`, `yield` ile üreteç fonksiyonları, tembel diziler ve benzersiz anahtar olarak semboller.20 dk
- 19Fonksiyonel programlamaÖngörülebilir kod yaz: saf fonksiyonlar, değişmezlik, yüksek mertebeden fonksiyonlar, currying, bileşim ve güçlü `reduce` kalıpları.22 dk
- 20Hata yönetimi ve hata ayıklama`try...catch`'in ötesine geç: yerleşik hata tipleri, `cause` ile kendi hata sınıfların, yığın izini okumak, `debugger` ve hataları kolayca bulduran konsol metotları.22 dk
- 21Düzenli ifadelerMetni düzenli ifadelerle ara, doğrula ve dönüştür: karakter sınıfları, niceleyiciler, çapalar, gruplar, bayraklar ve `test`, `match`, `matchAll`, `replace` metotları.22 dk
- 22Performans ve bellekKodu hızlı ve tutumlu yap: dizi, `Map` ve `Set` işlemlerinin Büyük O maliyeti, debounce ve throttle, memoization, çöp toplama ve bellek sızıntıları.22 dk
65 ders
Profesyonel JavaScript
İleriNode.js, REST API'ler, React, test ve güvenlik: gerçek projelerde ihtiyaç duyacağın araçlar ve alışkanlıklar.
- 23Node.js temelleriJavaScript'i tarayıcı dışında çalıştır: Node.js çalışma ortamı, CommonJS ve ES modülleri, npm ve `package.json`, `fs` ve `path` ile dosyalarla çalışma.22 dk
- 24fetch ve REST API'lerSunucularla konuş: HTTP nasıl çalışır, REST kaynakları ve metotları, JSON ile `fetch`, durum kodları, hata yönetimi, `AbortController` ile zaman aşımı ve paralel istekler.24 dk
- 25React temelleriArayüzü bileşenlerden kur: JSX, props, `useState` ile durum, `useEffect` ile yan etkiler ve anahtarlı listeler; en popüler UI kütüphanesinin temel fikirleri.24 dk
- 26JavaScript'i test etmekKodunun çalıştığını kanıtla: Vitest ve Jest ile birim testleri, `describe`/`it`/`expect`, temel eşleştiriciler, asenkron kodu ve hataları test etmek, mock ve spy'lar ve kapsamın (coverage) gerçekte ne anlama geldiği.22 dk
- 27Güvenlik ve iyi uygulamalarKullanıcıları ve kodu koru: XSS ve CSRF, girdi doğrulama, sırları tarayıcıdan uzak tutmak, ESLint ve Prettier ve TypeScript'e adım adım geçiş.24 dk