Başlangıç %23 indirim Öne çıkan Türkçe

Modern JavaScript Temelleri

Dilin taşıyıcı kavramlarını sırayla öğrenip tarayıcıda çalışan bir uygulama yazmayı bitirin.

5,0 1 değerlendirme 0 kayıtlı öğrenci
  • 6 bölüm
  • 36 ders
  • 6 sa 33 dk
  • Son güncelleme: 19 Ağustos 2026

Eğitmen Deniz Arkın

Bu kursta ne öğreneceksiniz?

  • let, const ve var arasındaki kapsam farkını ayırt etmek
  • Dizi ve nesneleri map, filter, reduce ve yapısöküm ile işlemek
  • Fonksiyon ifadesi, ok fonksiyonu ve kapanış arasındaki farkı kullanmak
  • DOM üzerinden eleman seçip içerik ve sınıf güncellemek
  • Olay dinleyicileri ve olay delegasyonu ile etkileşim yazmak
  • Form verisini doğrulayıp localStorage yerine sunucuya göndermeye hazırlamak
  • fetch, Promise ve async/await ile uzak veriyi çekmek
  • ES modülleriyle kodu dosyalara bölüp yeniden kullanmak

Kurs müfredatı

6 bölüm · 36 ders · toplam 6 sa 33 dk

Dilin tarayıcıda nasıl çalıştığını, çalışma ortamının nasıl kurulduğunu ve ilk değişkenlerin nasıl tanımlandığını görüyoruz.

JavaScript tarayıcıda nasıl çalışır? Önizle 10 dk Geliştirme ortamı: editör, Node.js ve tarayıcı konsolu Önizle 12 dk
Betiği sayfaya bağlamak: script, defer ve type="module" 9 dk
let, const ve var arasındaki kapsam farkı 10 dk
İlkel veri türleri ve tür dönüşümü 13 dk
Bölüm değerlendirmesi: temel kavramlar 8 dk

Karşılaştırma, koşul ve döngülerle akışı yönetiyor; fonksiyon tanımlama biçimlerini ve kapsam kurallarını işliyoruz.

== ile === farkı ve doğruluk (truthy) değerleri 12 dk
if/else, switch ve üçlü operatör 10 dk
for, while ve for...of döngüleri 11 dk
Fonksiyon bildirimi, fonksiyon ifadesi ve ok fonksiyonu 13 dk
Kapsam (scope) ve kaldırma (hoisting) nasıl çalışır? Önizle 11 dk
Bölüm değerlendirmesi: akış ve fonksiyonlar 9 dk

Veriyi dizilerde ve nesnelerde tutmayı, dönüştürmeyi ve JSON ile taşımayı öğreniyoruz.

Dizi oluşturmak: push, splice ve slice 12 dk
Diziler için map, filter ve reduce ne zaman kullanılır? 12 dk
Nesne değişmezleri, nokta ve köşeli parantez erişimi 11 dk
Yapısöküm (destructuring) ve yayma (spread) operatörü 13 dk
JSON.parse ve JSON.stringify ile veri taşımak 9 dk
Çalışma dosyası: dizi ve nesne alıştırmaları 1 3 dk

Kapanış, bağlam ve modüller gibi dili gerçekten anlamak için gereken konuları günlük örneklerle açıyoruz.

Kapanış (closure) ile veriyi kapalı tutmak 14 dk
this bağlamı ve ok fonksiyonlarındaki farkı 11 dk
call, apply ve bind ile bağlamı değiştirmek 12 dk
Geri çağrı (callback) ve üst düzey fonksiyonlar 11 dk
ES modülleri: import ve export 13 dk
Bölüm değerlendirmesi: fonksiyonlar ve modüller 10 dk

Sayfayı JavaScript ile okuyup değiştiriyor, kullanıcı etkileşimlerini dinliyor ve form verisini doğruluyoruz.

querySelector ve querySelectorAll ile eleman seçmek 11 dk
Eleman oluşturmak, sınıf ve öznitelik güncellemek 12 dk
addEventListener ile olay dinlemek 10 dk
Olay yayılımı: bubbling, capturing ve delegasyon 10 dk
Form gönderimini kesmek ve alanları doğrulamak 13 dk
Bölüm değerlendirmesi: DOM ve olaylar 9 dk

Olay döngüsü, Promise ve async/await konularını işleyip öğrendiklerimizi tek bir uygulamada birleştiriyoruz.

Olay döngüsü (event loop) ve setTimeout 12 dk
Promise, async/await ve hata yakalama 12 dk
fetch ile API'den veri çekmek 14 dk
Proje: arama kutulu liste uygulamasını kurmak 16 dk
Proje başlangıç dosyaları ve kontrol listesi 1 3 dk
Bitirme değerlendirmesi 12 dk

Kurs hakkında

Çoğu kişi JavaScript'i parça parça öğrenir: bir yerden kopyalanan kod çalışır, ama neden çalıştığı belirsiz kalır. Bir sonraki projede aynı yerde yeniden takılırsınız. Bu kurs dili baştan ve sırayla ele alıyor. Değişkenlerden, veri türlerinden ve akış denetiminden başlıyor; ardından fonksiyonlar, diziler, nesneler ve kapsam gibi dilin taşıyıcı kavramlarına geçiyor. Her konu kısa bir anlatımın ardından kendi kodunuzu yazacağınız bir alıştırmaya bağlanıyor, böylece kavram havada kalmıyor. Anlatım sırasında sık yapılan hataları ve konsoldaki hata mesajlarının ne anlama geldiğini de tek tek gösteriyoruz; böylece takıldığınız yerde neye bakacağınızı bilirsiniz.

İkinci yarıda dil bilgisini tarayıcıda çalışan bir arayüze dönüştürüyoruz. DOM üzerinden eleman seçmeyi, içerik üretmeyi, olay dinlemeyi ve form verisini doğrulamayı adım adım işliyoruz. Kapanış (closure), this bağlamı ve ES modülleri gibi ilk bakışta karışık görünen konuları, günlük kodda karşınıza çıktığı hâliyle açıklıyoruz. Asenkron bölümünde olay döngüsünü, Promise yapısını ve async/await kullanımını fetch ile yapılan gerçek bir istek üzerinden görüyorsunuz; yükleniyor ve hata durumlarını da atlamıyoruz.

Kurs, öğrendiklerinizi birleştiren bir bitirme projesiyle sona eriyor: arama kutusu olan, veriyi uzaktan çeken ve sonuçları listeleyen küçük bir uygulama. Sonunda bir JavaScript dosyasını okuyup ne yaptığını anlatabilir, konsoldaki hata mesajını yorumlayabilir, sıfırdan bir sayfa etkileşimi yazabilir ve React gibi bir kütüphaneye geçmek için gereken dil zeminine sahip olursunuz. Video derslerin yanında konuyu tek başına toparlayan metin dersleri, indirilebilir çalışma dosyaları ve bölüm sonu değerlendirmeleri bulunur. Dersleri kendi hızınızda izleyebilir, alıştırmaları tekrarlayarak ilerleyebilirsiniz.

Gereksinimler

  • HTML ve CSS ile temel düzeyde sayfa yazabilmek
  • Bilgisayarda dosya ve klasör düzenini rahat kullanmak
  • Ücretsiz bir kod editörü ve güncel bir tarayıcı
  • Programlama deneyimi gerekmiyor

Bu kurs kimler için?

  • HTML ve CSS bilip etkileşim yazmakta zorlananlar
  • Kopyaladığı JavaScript kodunu anlamadan kullanmaktan sıkılanlar
  • React veya Vue öğrenmeden önce dil zeminini sağlamlaştırmak isteyenler
  • Arayüz tarafına geçmek isteyen tasarımcılar

Eğitmen

Deniz Arkın baş harf avatarı

Deniz Arkın

Web Geliştirme Eğitmeni

  • 4 kurs
  • 0 kayıt
  • 5,0 ortalama puan

Deniz Arkın on bir yıldır web uygulamaları geliştiriyor ve son beş yılını arayüz mimarisi üzerine yoğunlaştırdı. Küçük ekiplerde hem arayüz hem sunucu tarafında çalıştığı için bir özelliğin baştan sona nasıl aktığını anlatmayı seviyor. Derslerinde önce çalışan en küçük örneği yazar, sonra onu adım adım büyütür.

Eğitmen sayfası

Öğrenci değerlendirmeleri

5,0

1 değerlendirme

5 yıldız %100
4 yıldız %0
3 yıldız %0
2 yıldız %0
1 yıldız %0
MA
Merve A.
· 14 Haziran 2026

Temeller gerçekten oturdu

Daha önce iki kez JavaScript'e başlayıp bırakmıştım, bu sefer kapsam ve fonksiyon bölümlerinde takıldığım her yer açıldı. Örneklerin önce bozuk hâlini görüp sonra düzeltmek çok işime yaradı.

Öğrenci soruları

1 soru
TA
Tuğçe A. · Kapsam ve kaldırma
Yanıtlandı

Fonksiyon içinde var ile tanımladığım değişkene, tanımlamadan önceki satırda eriştiğimde hata almadım ama değeri undefined geldi. let ile aynı şeyi yapınca hata aldım. Bu farkın sebebi tam olarak nedir?

Soruların tamamını ve eğitmen yanıtlarını ders sayfalarında görebilirsiniz.

Benzer kurslar