JavaScript Temelleri

Full-Stack Yazılım Eğitimi - Modül 2 | Limit Bilgisayar Kursu

1. Değişkenler ve Veri Tipleri

// Değişken tanımlama
let isim = "Ahmet";           // String
const yas = 25;               // Number
let ogrenciMi = true;         // Boolean
let notlar = [90, 85, 78];    // Array
let ogrenci = {               // Object
    ad: "Ahmet",
    soyad: "Yılmaz",
    yas: 25
};

2. Fonksiyonlar

// Arrow function
const selamla = (isim) => `Merhaba ${isim}!`;

// Array metodları
const sayilar = [1, 2, 3, 4, 5];
const ciftler = sayilar.filter(n => n % 2 === 0);
const toplam = sayilar.reduce((acc, n) => acc + n, 0);

3. DOM Manipülasyonu

// Element seçme
const btn = document.querySelector("#gonderBtn");
const liste = document.getElementById("kursListesi");

// Olay dinleyici
btn.addEventListener("click", () => {
    const yeniItem = document.createElement("li");
    yeniItem.textContent = "Yeni Kurs";
    liste.appendChild(yeniItem);
});

4. Fetch API (Asenkron)

async function verileriGetir() {
    const response = await fetch("/api/kurslar");
    const data = await response.json();
    console.log(data);
}