JavaScript: örneklerle ilk adımlar

JavaScript ile ilk programın

Web sitelerinin dilidir. Tarayıcıların yerleşik olarak desteklediği temel betik dili; bu sitedeki menü ve arama da JavaScript ile çalışıyor. Kodu anlamak için videoyu duraklat, bir değeri değiştir ve sonucu tahmin et.

01 · Ekrana yazı yazdırma

console.log yazdığın şeyi tarayıcının konsol penceresine yazar. Satırlar genelde noktalı virgül ; ile biter.

console.log("Merhaba Dünya!");

Beklenen: Merhaba Dünya!

02 · Değişkenler: bilgiyi saklamak

Değişken, bir bilgiyi saklayan isimli bir kutudur. JavaScript'te değişkenler let ile oluşturulur. Yazıyı ters tırnakla yazıp içine ${isim} koyarak değişkeni yazının içinde kullanabilirsin.

let isim = "Ayşe";
let yas = 25;

console.log(`${isim} bu yıl ${yas} yaşında.`);

Beklenen: Ayşe bu yıl 25 yaşında.

03 · Koşullar: karar vermek

Program bir koşulu kontrol eder: koşul doğruysa ilk bloğu, değilse else bloğunu çalıştırır. Günlük hayattaki "eğer ... ise" cümlesinin aynısı. Koşul parantez ( ) içine, çalışacak kod süslü parantez { } içine yazılır.

let sicaklik = 30;

if (sicaklik > 25) {
  console.log("Hava sıcak, şort giy!");
} else {
  console.log("Hava serin, mont al.");
}

Beklenen: Hava sıcak, şort giy!

04 · Döngüler: tekrar etmek

Aynı işi elle defalarca yazmak yerine döngü kullanırız. Bu örnek 1'den 3'e kadar sayar ve her seferinde bir satır yazar. sayi++ "sayıyı 1 artır" demek.

for (let sayi = 1; sayi <= 3; sayi++) {
  console.log("Tekrar " + sayi);
}

Beklenen: Tekrar 1 Tekrar 2 Tekrar 3

05 · Fonksiyonlar: kodu tekrar kullanmak

Fonksiyon, bir işi yapan ve bir isim verdiğin kod parçasıdır. Bir kere yazarsın, istediğin kadar çağırırsın. JavaScript'te fonksiyonlar function ile başlar.

function selamla(isim) {
  return "Merhaba " + isim + "!";
}

console.log(selamla("Mehmet"));

Beklenen: Merhaba Mehmet!

06 · Diziler: birden çok bilgiyi saklamak

Dizi (array), birden fazla değeri sırayla tutar. Köşeli parantez [ ] ile oluşturulur. push sona eleman ekler, length eleman sayısını verir. İlk elemanın sıra numarası 0'dır.

let alisveris = ["ekmek", "süt", "yumurta"];
alisveris.push("peynir");

console.log(alisveris[0]);
console.log(alisveris.length + " ürün var");

Beklenen: ekmek 4 ürün var

07 · Sıra sende

Örneklerden birini seç. Bir girdiyi veya koşulu değiştir. Önce beklediğin sonucu yaz, sonra çalıştır. Hata varsa mesajı ve satırı incele. Yazılı rehberdeki “Kendin dene” alanıyla devam edebilir, ardından ayrı testte eksiklerini görebilirsin.