JavaScript'e Giriş

JavaScript Nedir?

JavaScript, web sayfalarına etkileşim ve dinamiklik katan programlama dilidir. Tarayıcıda çalışır.

JavaScript Ekleme Yöntemleri

<!-- 1. Satır içi -->
<button onclick="alert('Merhaba!')">Tıkla</button>

<!-- 2. Dahili (script etiketi) -->
<script>
    console.log("Merhaba Dünya!");
</script>

<!-- 3. Harici dosya (Önerilen) -->
<script src="script.js"></script>

Değişkenler

// let: Değiştirilebilir
let isim = "Kadir";
let yas = 25;
isim = "Ali"; // Değiştirilebilir

// const: Sabit (değiştirilemez)
const PI = 3.14159;
const SITE_ADI = "Okul Web";
// PI = 3; // Hata!

// var: Eski yöntem (kullanmayın)
var eski = "kullanmayın";

> console.log(typeof "Merhaba");
string
> console.log(typeof 42);
number
> console.log(typeof true);
boolean

Template Literals

const ad = "Kadir";
const yas = 25;

// Eski yol
console.log("Adım " + ad + ", yaşım " + yas);

// Template literal (backtick ile)
console.log(\`Adım ${ad}, yaşım ${yas}\`);
console.log(\`5 yıl sonra ${yas + 5} yaşında olacağım\`);

Temel Operatörler

// Aritmetik
let a = 10, b = 3;
console.log(a + b);   // 13
console.log(a - b);   // 7
console.log(a * b);   // 30
console.log(a / b);   // 3.333...
console.log(a % b);   // 1 (mod)
console.log(a ** b);  // 1000 (üs)

// Karşılaştırma
console.log(5 == "5");   // true (değer eşitliği)
console.log(5 === "5");  // false (tip + değer eşitliği)
console.log(5 !== "5");  // true

⚠️ Önemli: Her zaman === (katı eşitlik) kullanın. == tip dönüşümü yaparak beklenmedik sonuçlar verebilir.

🎯 Uygulama

Konsola kendi bilgilerinizi yazdıran bir script yazın
İki sayının toplamını, farkını ve çarpımını hesaplayan program
Template literal kullanarak bir kartvizit bilgisi oluşturun

Web Geliştirme