JavaScript temelleri

[ÖmeR]

JavaScript Temelleri
JavaScript, web sayfalarını dinamik hale getirmek için kullanılan bir programlama dilidir. İşte JavaScript’ in temel kavramları ve kısa açıklamaları:

1. Değişkenler ve Veri Türleri
Değişkenler, bilgiyi depolamak için kullanılır. JavaScript’ te üç tür değişken tanımlama yöntemi vardır:

• var: Eski yöntem, fonksiyon kapsamında çalışır.
• let: Blok kapsamlıdır, modern uygulamalarda daha yaygın kullanılır.
• const: Sabit değerler için kullanılır, değiştirilemez.

let isim = "Ahmet";    // String (metin)
const yas = 25;        // Number (sayı)
let aktif = true;      // Boolean (doğru/yanlış)

2. Operatörler
Matematiksel ve mantıksal işlemleri gerçekleştirmek için operatörler kullanılır:

• Aritmetik Operatörler: +, -, *, /, %
• Karşılaştırma Operatörleri: ==, !=, ===, !==, >, <
• Mantıksal Operatörler: && (ve), || (veya), ! (değil)

let sonuc = (10 > 5) && (3 < 7);  // true

3. Koşullar
Koşullar, belirli durumlara göre farklı kod parçalarını çalıştırmanızı sağlar.

• if-else Yapısı

let yas = 18;
if (yas >= 18) {
  console.log("Ehliyet alabilirsiniz.");
} else {
  console.log("Ehliyet almak için yaşınız tutmuyor.");
}

• switch Yapısı

let renk = "kırmızı";
switch (renk) {
  case "kırmızı":
    console.log("Dur!");
    break;
  case "yeşil":
    console.log("Geç!");
    break;
  default:
    console.log("Bilinmeyen renk.");
}

4. Döngüler
Döngüler, kodu tekrar tekrar çalıştırmak için kullanılır.

• for Döngüsü

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

• while Döngüsü

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

5. Fonksiyonlar
Fonksiyonlar, tekrar kullanılabilir kod blokları oluşturmak için kullanılır.

• Fonksiyon Tanımı

function selamVer(isim) {
  console.log("Merhaba " + isim);
}
selamVer("Ahmet");

• Arrow Fonksiyonlar (ES6)

const topla = (a, b) => a + b;
console.log(topla(5, 3));  // 8

6. Diziler
Birden fazla veri tutmak için diziler kullanılır.

let meyveler = ["Elma", "Muz", "Çilek"];
console.log(meyveler[1]);  // "Muz"
// Eleman ekleme
meyveler.push("Portakal");
console.log(meyveler);

7. Nesneler
Nesneler, birden fazla özelliği bir arada tutar.

let araba = {
  marka: "Toyota",
  model: 2020,
  calis: function () {
    console.log("Araba çalıştı!");
  },
};
console.log(araba.marka);  // "Toyota"
araba.calis();

8. DOM Manipülasyonu
JavaScript ile HTML elemanlarını değiştirebilirsiniz.

document.getElementById("baslik").innerText = "Merhaba Dünya!";