JavaScript Programlama Eğitimi

1. Temel Bilgiler ve Merhaba Dünya

Merhaba Dünya

console.log("Merhaba, dünya!");

Açıklama: Ekrana 'Merhaba, dünya!' yazdırır.

2. Değişkenler ve Veri Türleri

Değişken Tanımlama

let isim = "Ali";
let yas = 25;
let aktif = true;

Açıklama: Farklı veri türlerinde değişken tanımlama.

3. Fonksiyonlar

Basit Fonksiyon

function selamla(isim) {
  console.log("Merhaba " + isim);
}
selamla("Ayşe");

Açıklama: İsim alan ve ekrana selam veren fonksiyon.

4. Koşullar (if - else)

Yaş Kontrolü

let yas = 20;

if (yas < 18) {
  console.log("Reşit değilsiniz.");
} else if (yas === 18) {
  console.log("Yeni reşit oldunuz.");
} else {
  console.log("Reşitsiniz.");
}

Açıklama: Yaşa göre mesaj verir.

5. Döngüler

for Döngüsü

for (let i = 0; i < 5; i++) {
  console.log(i);
}

Açıklama: 0'dan 4'e kadar sayıları yazdırır.

while Döngüsü

let sayi = 1;
while (sayi <= 5) {
  console.log(sayi);
  sayi++;
}

Açıklama: 1'den 5'e kadar sayıları yazdırır.

6. Diziler (Arrays)

Dizi Tanımlama ve Erişim

let dizi = [1, 2, 3, 4];
console.log(dizi[0]); // 1

Açıklama: Dizi elemanlarına erişim.

7. Nesneler (Objects)

Nesne Oluşturma

let kisi = {isim: "Ahmet", yas: 30};
console.log(kisi.isim); // Ahmet

Açıklama: Anahtar-değer çiftlerinden oluşur.

8. Fonksiyonlarda Return

Toplama Fonksiyonu

function topla(a, b) {
  return a + b;
}
console.log(topla(3, 5)); // 8

Açıklama: İki sayıyı toplayıp döndürür.

9. Array Metotları

forEach

let sayilar = [1, 2, 3];
sayilar.forEach(function(sayi) {
  console.log(sayi);
});

Açıklama: Her eleman için işlem yapar.

map

let kareler = sayilar.map(function(sayi) {
  return sayi * sayi;
});
console.log(kareler);

Açıklama: Her elemanın karesini alır.

10. Basit Proje Örnekleri

Sayı Tahmin Oyunu

let gizliSayi = Math.floor(Math.random() * 10) + 1;
let tahmin = parseInt(prompt("1 ile 10 arasında sayı tahmin edin:"));

if (tahmin === gizliSayi) {
  console.log("Tebrikler! Doğru tahmin.");
} else {
  console.log("Yanlış tahmin. Doğru sayı: " + gizliSayi);
}

Açıklama: Kullanıcının sayı tahmini yapması.

Basit Hesap Makinesi

function hesapla(a, b, islem) {
  if (islem === "+") return a + b;
  else if (islem === "-") return a - b;
  else if (islem === "*") return a * b;
  else if (islem === "/") return a / b;
  else return "Geçersiz işlem";
}
console.log(hesapla(5, 3, "+")); // 8

Açıklama: Temel dört işlem yapar.

11. ES6 Ok Fonksiyonları

Arrow Function

const selamla = isim => console.log("Merhaba " + isim);
selamla("Deniz");

Açıklama: Kısa fonksiyon tanımlama.

12. Promise ve Async/Await

Promise Örneği

const p = new Promise((resolve, reject) => {
  let basarili = true;
  if (basarili) resolve("Başarılı!");
  else reject("Başarısız!");
});

p.then(msg => console.log(msg))
  .catch(err => console.log(err));

Açıklama: Asenkron işlemler için Promise.

Async/Await Örneği

async function islem() {
  try {
let sonuc = await p;
console.log(sonuc);
  } catch (err) {
console.log(err);
  }
}
islem();

Açıklama: Async/await ile asenkron kontrol.

JavaScript ile neler yapabilirsiniz?
JavaScript, web sayfalarını interaktif hale getirmekten, sunucu tarafı programlamaya, oyun geliştirmeye ve mobil uygulamalara kadar geniş bir yelpazede kullanılan vazgeçilmez bir programlama dilidir. Bugün öğrenmeye başlayın, hayallerinizi kodlayın!