JavaScript Temelleri: Web Sayfanıza Hayat Katın — Eksiksiz Başlangıç Rehberi

JavaScript Nedir?

JavaScript, web tarayıcılarında doğrudan çalışan tek programlama dilidir. HTML yapıyı, CSS görünümü tanımlarken JavaScript davranışı tanımlar.

Değişkenler

const ad = "Ahmet";   // değişmez
let yas = 25;          // değişebilir

console.log(ad + " " + yas + " yaşında.");

Fonksiyonlar

// Klasik fonksiyon
function topla(a, b) { return a + b; }

// Arrow function (modern)
const topla = (a, b) => a + b;

console.log(topla(3, 5)); // 8

Dizi ve Nesne

const renkler = ["kırmızı", "mavi", "yeşil"];
renkler.forEach(r => console.log(r));

const kullanici = {
  ad: "Fatma",
  yas: 30,
  selamla() { return "Merhaba, ben " + this.ad + "!"; }
};
console.log(kullanici.selamla());

DOM Manipülasyonu

const baslik = document.querySelector("h1");
baslik.textContent = "Merhaba JavaScript!";
baslik.style.color = "#f59e0b";

const btn = document.getElementById("buton");
btn.addEventListener("click", function() {
  alert("Butona tıkladınız!");
});

Fetch API ile Veri Çekme

fetch("https://api.example.com/urunler")
  .then(res => res.json())
  .then(data => {
    data.forEach(urun => console.log(urun.ad, urun.fiyat));
  })
  .catch(err => console.error("Hata:", err));

Modern JavaScript (ES6+) Özellikleri

JavaScript Çerçeveleri

• React: Meta tarafından geliştirilen bileşen tabanlı UI kütüphanesi.
• Vue.js: Daha kolay öğrenme eğrisi, orta ölçekli projeler.
• Angular: Google destekli kurumsal framework.
• Next.js: React tabanlı, SEO dostu sunucu taraflı render.

Sıkça Sorulan Sorular

JavaScript öğrenmek için Python bilgisi gerekiyor mu?

Hayır. JavaScript bağımsız bir dildir.

JavaScript ile mobil uygulama yapılabilir mi?

Evet. React Native ile iOS ve Android uygulamaları geliştirilebilir.