JavaScript Kılavuzu

🌐 JavaScript Nedir?

JavaScript (JS), web sayfalarına dinamik işlevsellik kazandırmak için kullanılan yüksek seviyeli, dinamik bir dildir. HTML sayfaya iskelet, CSS kıyafet sağlarken; JavaScript bu sayfalara hareket kabiliyeti, veri kontrolü ve mantıksal zeka ekler.

console.log("Merhaba Dunya!");

📥 Modern Değişkenler (let ve const)

Modern JavaScript (ES6+), eskiyen `var` anahtar kelimesi yerine kapsam (scope) güvenliği yüksek olan `let` ve `const` yapılarını kullanır.

// const: Değeri sonradan asla değiştirilemeyen sabit değişkenler için.
const apiURL = "https://api.codeteach.com";

// let: Değeri sonradan güncellenebilen dinamik değişkenler için.
let kullanıcıSkoru = 45;
kullanıcıSkoru = 50; // Başarılı güncelleme

📊 DOM Manipülasyonu (Arayüze Müdahale)

JavaScript kullanarak sayfadaki HTML elemanlarını seçebilir, içeriklerini ve stillerini anlık olarak değiştirebilirsiniz.

// HTML elemanını seçme
const baslik = document.querySelector(".main-title");

// İçeriğini değiştirme
baslik.textContent = "Yeni CodeTeach Basligi!";

// Stilini JS ile manipüle etme
baslik.style.color = "#f7df1e";

🎛️ Olay Dinleyiciler (Event Listeners)

Kullanıcının sayfada yaptığı tıklama, klavye tuşuna basma veya kaydırma gibi hareketleri yakalayan mekanizmalar.

const buton = document.querySelector("#submit-btn");

// Tıklama olayını (click) yakalama
buton.addEventListener("click", () => {
    alert("Butona tiklandi, protokol tetiklendi!");
});

📋 Arrow Functions (Ok Fonksiyonları)

Geleneksel fonksiyon yazım şeklini kısaltan, kodu daha temiz ve okunabilir hale getiren modern fonksiyon sözdizimi.

// Klasik Yöntem
function topla(a, b) {
    return a + b;
}

// Modern Arrow Function Yöntemi
const modernTopla = (a, b) => a + b;

console.log(modernTopla(5, 10)); // Çıktı: 15

⚡ API İstekleri ve Veri Çekme (fetch)

Sayfayı yenilemeden harici sunuculardan veri çekmek (`asenkron` programlama) için kullanılan modern JS altyapısı.

// Asenkron veri çekme fonksiyonu
async function veriGetir() {
    try {
        const response = await fetch("https://api.codeteach.com/data");
        const veri = await response.json();
        console.log(veri);
    } catch (hata) {
        console.error("Veri cekilirken hata olustu:", hata);
    }
}

veriGetir();