İçeriğe geç
Codary
Modern JavaScript (ES6+) Müfredatı

JavaScript ile Programlamaya Giriş

Web'in programlama dili JavaScript'i sıfırdan öğrenin: değişkenler, koşullar, döngüler, fonksiyonlar, diziler, nesneler, modern ES6+ özellikleri, asenkron programlama ve uygulamalı projeler.

Başlangıç - İleri 6 modül 26 ders 26 quiz 2 proje Tarayıcıda çalışır

JavaScript Kurs Müfredatı

Zorluk dağılımı: Kolay · 10 Orta · 12 Zor · 4
Başlamadan önce oku JavaScript nedir, bu kurs nasıl işler?

JavaScript, web sayfalarına davranış kazandıran programlama dilidir. Butona tıklayınca açılan menüler, anında kontrol edilen formlar, canlı bildirimler ve tarayıcıda çalışan oyunlar JavaScript ile yapılır. HTML iskeleti, CSS görünümü kurar; JavaScript ise sayfayı canlandırır. Bugün Node.js sayesinde sunucularda, React Native ile mobil uygulamalarda da kullanılır.

Bu kurs kimin için?

Daha önce hiç programlama yapmadıysan da başlayabilirsin. İlk derste ekrana tek bir cümle yazdırarak başlıyoruz; değişkenler, kararlar, döngüler, fonksiyonlar, diziler ve nesnelerden sonra modern JavaScript ve asenkron programlamaya geçiyoruz. HTML ve CSS bilmen iyi olur ama şart değil.

Bir ders nasıl işler?

  • Anlatım: Önce kavramın ne olduğunu ve neden gerektiğini günlük hayattan bir örnekle anlatıyoruz.
  • Örnek kod: Ardından küçük bir örneği satır satır inceliyoruz. Örnek kodlar kopyalanamaz; kendi elinle yazmak öğrenmenin en hızlı yoludur.
  • Görev: Sağdaki editöre görevi kendin yazarsın. Takılırsan İpucu al butonu ipuçlarını tek tek açar; tüm ipuçlarını açıp en az 3 kez denedikten sonra istersen örnek çözümü görebilirsin.
  • Zorluk: Her dersin yanında Kolay, Orta veya Zor etiketi vardır. Zor dersleri acele etmeden, ipuçlarını kullanarak çöz.

Kodun nasıl kontrol edilir?

Kodun tarayıcıda gerçekten çalışır ve console.log ile yazdırdığın her şey çıktı alanında görünür. Görevi tamamlamak için çıktın görevde istenen çıktıyla aynı olmalı ve kodunda dersin konusu olan yapıyı kullanmış olmalısın.

Kendi bilgisayarında denemek için tarayıcında F12 tuşuna basıp Console sekmesini açabilir ve JavaScript kodunu doğrudan oraya yazabilirsin.
1 Modül 1 · 0/4 ders Modül 1: JavaScript'e Giriş ve Değişkenler console.log, let, const, veri tipleri ve template literal

1.1 JavaScript Nedir ve İlk Kod

1.2 Değişkenler: let ve const

1.3 Veri Tipleri ve typeof

1.4 Template Literal ve String İşlemleri

Modül tekrarı 4 soru · Modül sonunda çözmeni öneririz
2 Modül 2 · 0/5 ders Modül 2: Operatörler ve Koşullu İfadeler Aritmetik ve karşılaştırma operatörleri, if-else, switch ve ternary

2.1 Aritmetik ve Karşılaştırma Operatörleri

2.2 if, else if ve else

2.3 switch-case Yapısı

2.4 Ternary Operatörü ve Mantıksal Operatörler

2.5 Hatayı Bul: Doğru PIN Kabul Edilmiyor

Modül tekrarı 5 soru · Modül sonunda çözmeni öneririz
3 Modül 3 · 0/5 ders Modül 3: Döngüler ve Diziler for, while, diziler ve modern dizi metotları

3.1 for ve while Döngüleri

3.2 Diziler (Arrays)

3.3 for...of ve forEach

3.4 map, filter ve reduce

3.5 Hatayı Bul: Sepet Toplamı NaN

Modül tekrarı 5 soru · Modül sonunda çözmeni öneririz
4 Modül 4 · 0/4 ders Modül 4: Fonksiyonlar ve Nesneler Fonksiyonlar, arrow function, nesneler, destructuring ve spread

4.1 Fonksiyon Tanımlama ve return

4.2 Arrow Function ve Callback

4.3 Nesneler (Objects)

4.4 Destructuring ve Spread Operatörü

Modül tekrarı 4 soru · Modül sonunda çözmeni öneririz
5 Modül 5 · 0/4 ders Modül 5: Modern JavaScript: Sınıflar, Hatalar ve Asenkron Kod class, kalıtım, try-catch, Promise, async/await, JSON, Map ve Set

5.1 Sınıflar (Class) ve Kalıtım

5.2 Hata Yönetimi: try, catch, finally

5.3 Promise ve async/await

5.4 JSON, Map ve Set

Modül tekrarı 4 soru · Modül sonunda çözmeni öneririz
6 Modül 6 · 0/4 ders Modül 6: DOM ve Tarayıcı ile Çalışmak document, querySelector, olay dinleyicileri ve uygulamalı projeler

6.1 DOM Nedir? Elemanları Seçmek

6.2 Olaylar (Events) ve addEventListener

6.3 Proje: Yapılacaklar Listesi Mantığı

PROJE

6.4 Proje: Alışveriş Sepeti Hesaplama

PROJE
Modül tekrarı 4 soru · Modül sonunda çözmeni öneririz