JavaScript'e Sıfırdan Başlangıç Rehberi

Jul 10, 2026 OP

Thread Starter #0

JavaScript'e Sıfırdan Başlangıç Rehberi

Günümüzün dijital dünyasında, internet sitelerinden mobil uygulamalara, hatta sunucu tarafı çözümlere kadar birçok alanda karşımıza çıkan bir güç var: JavaScript. Eğer yazılım dünyasına adım atmayı düşünen, ya da mevcut bilgi birikimine yeni bir dil eklemek isteyen biriyseniz, JavaScript kesinlikle radarınızda olması gereken bir seçenek. Bu rehber, JavaScript'in temellerini sağlam bir şekilde atmanızı sağlayacak, adım adım ilerleyeceğimiz bir yol haritası sunuyor. Hazırsanız, bu heyecan verici dünyaya birlikte dalalım...

JavaScript, başlangıçta web tarayıcılarında etkileşimli içerik oluşturmak için tasarlanmış bir betik diliydi. Düşünsenize, bir butona tıkladığınızda açılan bir menü, bir formun gönderilmeden önce hataları kontrol etmesi veya bir sayfanın içeriğinin dinamik olarak güncellenmesi... İşte tüm bunlar ve daha fazlası JavaScript sayesinde mümkün oluyor. Günümüzde ise Node.js gibi teknolojilerle sunucu tarafında (backend), React Native ile mobil uygulamalarda, hatta Electron ile masaüstü uygulamalarında bile kullanılabiliyor. Yani sadece web değil, neredeyse her yerde karşımıza çıkabilecek evrensel bir dil haline geldi diyebiliriz. Bu kadar geniş bir kullanım alanı varken, JavaScript öğrenmek size gerçekten çok kapı açacaktır.

Peki, bu serüvene nereden başlamalı? Öncelikle bir çalışma ortamı kurmamız gerekiyor, ama endişelenmeyin, bu düşündüğünüzden çok daha kolay. Bir web tarayıcınız varsa (ki muhtemelen var), zaten ilk adımınızı atmışsınız demektir. Tarayıcınızın geliştirici araçlarını açın (genellikle F12 tuşu ile), orada "Console" (Konsol) sekmesini göreceksiniz. Burası, yazdığınız JavaScript kodlarını anında çalıştırabileceğiniz, küçük denemeler yapabileceğiniz harika bir oyun alanı. Ancak daha büyük projeler için Visual Studio Code gibi modern bir metin düzenleyici kullanmak işinizi çok kolaylaştıracaktır; hem kod tamamlama, hem hata ayıklama konularında müthiş destekler sunar. Ayrıca, eğer sunucu tarafında da JavaScript çalıştırmak isterseniz, Node.js'i kurmanız gerekecek. Şimdilik tarayıcı konsolu ve basit bir metin düzenleyici ile yola devam edebiliriz. Hatta ilk kodunuzu basit bir HTML dosyası içine

CODE

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

yazarak bile çalıştırabilirsiniz.

Şimdi gelelim dilin temellerine, yani söz dizimine. Her programlama dilinde olduğu gibi, JavaScript'te de bilgileri depolamak için değişkenlere ihtiyaç duyarız. JavaScript'te değişken tanımlamak için üç ana anahtar kelime var: var, let ve const.

var eski bir yöntemdir, fonksiyon kapsamlıdır ve beklenmedik davranışlara yol açabilir. Genellikle yeni kodlarda kullanımı önerilmez.
let blok kapsamlıdır ve değeri daha sonra değiştirilebilir. Çoğu zaman tercih edilen değişken tanımlama yöntemidir.
const da blok kapsamlıdır, ancak tanımlandıktan sonra değeri değiştirilemez. Sabit değerler için idealdir.

Örneğin:

CODE

123456
let kullaniciAdi = "Ali"; // Değeri daha sonra değiştirilebilir
const PI = 3.14;       // Değeri değiştirilemez

// kullaniciAdi = "Ayşe"; // Bu geçerli
// PI = 3.14159;         // Bu hata verir!

Değişkenler farklı veri tiplerini tutabilir. JavaScript'in temel veri tipleri arasında metinler için string (örneğin "Merhaba"), sayılar için number (örneğin 10, 3.14), doğru/yanlış değerler için boolean (true/false), değeri olmayan durumlar için null ve undefined bulunur. Ayrıca semboller (symbol) ve çok büyük sayılar (bigint) gibi daha yeni tipler de var. Nesneler (object) ise daha karmaşık veri yapılarını temsil eder, onlara da ileride değineceğiz.

Programlama, sadece veri depolamakla kalmaz, aynı zamanda bu veriler üzerinde işlemler yapmayı gerektirir. İşte burada operatörler devreye girer. Matematiksel işlemler için aritmetik operatörler (

CODE

1+, -, *, /, %

- yüzde işareti kalan bulmak için kullanılır) kullanılır. Örneğin,

CODE

1let sonuc = 10 + 5;

bize 15 sonucunu verir. Atama operatörü (

CODE

1=

) bir değeri bir değişkene atamak için kullanılırken,

CODE

1+=

gibi kısaltmalar da vardır:

CODE

1let sayi = 5; sayi += 3; // sayi şimdi 8 oldu

. Karşılaştırma operatörleri (

CODE

1==, ===, !=, !==, , =

) ise iki değeri karşılaştırıp bir boolean (doğru/yanlış) sonuç döndürür. Burada kritik bir ayrım var:

CODE

1==

sadece değerleri karşılaştırırken,

CODE

1===

hem değerleri hem de veri tiplerini karşılaştırır. Bu, özellikle hata ayıklarken başınızı ağrıtmaması için çok önemli bir detay. Son olarak, mantıksal operatörler (

CODE

1&&

- ve,

CODE

1||

- veya,

CODE

1!

- değil) birden fazla koşulu birleştirmek veya tersine çevirmek için kullanılır.

Kodunuzun her zaman aynı sırayla çalışması gerekmez, bazen belirli koşullara göre farklı yollar izlemesi gerekir. İşte kontrol akışı yapıları bu noktada devreye girer. En temel kontrol akışı yapısı if...else if...else bloklarıdır. Bir koşul doğruysa belirli bir kod bloğu çalışır, değilse başka bir blok...

CODE

12345678910
let havaDurumu = "yağmurlu";

if (havaDurumu === "güneşli") {
    console.log("Dışarı çıkıp yürüyüş yapabiliriz.");
} else if (havaDurumu === "yağmurlu") {
    console.log("Şemsiyeni almayı unutma!");
} else {
    console.log("Evde kalıp film izleyelim.");
}

Bazen tek bir değişkenin farklı değerlerine göre farklı işlemler yapmak isteyebilirsiniz, işte o zaman switch deyimi daha okunabilir bir alternatif sunabilir. Kısa ve tek satırlık koşullar için ise üçlü operatör (ternary operator)

CODE

1koşul ? doğruIseCalis : yanlisIseCalis;

oldukça pratiktir.

Bir işlemi birden fazla kez tekrarlamanız gerektiğinde döngüler hayat kurtarır. JavaScript'te en yaygın kullanılan döngüler for, while ve do...while döngüleridir.

for döngüsü, belirli bir sayıda tekrar etmesi gereken işlemler için idealdir. Bir başlangıç değeri, bir bitiş koşulu ve her adımdaki değişikliği belirleyerek çalışır.
while döngüsü, bir koşul doğru olduğu sürece çalışmaya devam eder. Koşul yanlış olduğunda döngü durur.
do...while döngüsü ise koşul ne olursa olsun en az bir kere çalışmayı garanti eder, çünkü koşulu döngü bloğu bittikten sonra kontrol eder.

CODE

123456789101112
// For döngüsü örneği
for (let i = 0; i < 5; i++) {
    console.log("Sayı: " + i); // 0'dan 4'e kadar yazar
}

// While döngüsü örneği
let sayac = 0;
while (sayac < 3) {
    console.log("Sayaç: " + sayac);
    sayac++;
}

Döngüler içinde break ile döngüyü tamamen durdurabilir, continue ile mevcut iterasyonu atlayıp bir sonrakine geçebilirsiniz.

Kod tekrarını önlemenin ve programınızı daha modüler hale getirmenin en etkili yollarından biri fonksiyonlardır. Fonksiyonlar, belirli bir görevi yerine getiren kod bloklarıdır. JavaScript'te fonksiyonları farklı şekillerde tanımlayabiliriz:
[LIST]

function declaration (fonksiyon bildirimi) en klasik yöntemdir:
[CODE]
function selamVer(isim) {
return "Merhaba, " + isim +

Similar threads

Report Content