Full-Stack Yazılım - JavaScript Temelleri

Full-Stack Yazılım - JavaScript Temelleri

Bu döküman, Yazılım Uzmanlığı kategorisinde Orta Seviye eğitim materyalidir. Aşağıda konunun detaylı açıklaması, örnekler ve pratik alıştırmalar bulacaksınız.

JavaScript Temelleri

// Değişkenler\nlet isim = "Ali";\nconst PI = 3.14159;\nlet aktif = true;\n\n// Dizi\nlet renkler = ["kırmızı", "mavi", "yeşil"];\n\n// Nesne\nlet ogrenci = {\n    ad: "Ali",\n    yas: 20,\n    notlar: [85, 90, 78]\n};

DOM Manipülasyonu

// Element seçme\nlet baslik = document.getElementById("baslik");\nlet kutular = document.querySelectorAll(".kutu");\n\n// İçerik değiştirme\nbaslik.textContent = "Yeni Başlık";\nbaslik.style.color = "red";\n\n// Event Listener\nlet buton = document.getElementById("btn");\nbuton.addEventListener("click", function() {\n    alert("Tıklandı!");\n});

Fetch API

// API'den veri çekme\nfetch("https://api.example.com/data")\n    .then(response => response.json())\n    .then(data => console.log(data))\n    .catch(error => console.error(error));