Ana içeriğe geç

Javascript'e Giriş

JavaScript (JS); web sayfalarına canlılık, etkileşim ve işlevsellik kazandıran, günümüzde ise sadece web tarayıcılarıyla sınırlı kalmayıp sunuculardan mobil uygulamalara kadar her yerde kullanılan yüksek seviyeli, dinamik bir programlama dilidir.

Bir web sitesini insan vücuduna benzeterek JavaScript'in yerini çok daha net anlayabiliriz:

Açıklama

  • HTML (İskelet): Sitenin yapısını ve içeriğini oluşturur (başlıklar, paragraflar, butonlar).

  • CSS (Dış Görünüş / Elbise): Sitenin tasarımını, renklerini ve düzenini belirler.

  • JavaScript (Kas ve Sinir Sistemi): Sitedeki tüm hareketleri ve mantığı yönetir. Butona tıklandığında ne olacağı, verilerin nasıl yükleneceği JS ile kontrol edilir.

JavaScript ile Neler Yapılabilir?

İlk yıllarında sadece basit form kontrolleri veya küçük görsel efektler için kullanılan JS, bugün modern yazılım dünyasının en çok tercih edilen dillerinden biridir.

  • Dinamik Web İçerikleri: Sayfayı yeniden yüklemeden yeni veriler çekebilir (örneğin Instagram'da aşağı kaydırdıkça yeni gönderilerin gelmesi).

  • Kullanıcı Etkileşimi: Açılır menüler, kayan görseller (carousel), modallar ve animasyonlar oluşturur.

  • Sunucu Tarafı (Backend): Node.js teknolojisi sayesinde artık JavaScript ile sunucu kodları, veritabanı bağlantıları ve API'ler yazılabilir.

  • Mobil ve Masaüstü Uygulamalar: React Native veya Electron gibi araçlarla hem iOS/Android uygulamaları hem de Slack, VS Code gibi masaüstü programları geliştirilebilir.

JavaScript’i Özel Yapan Temel Özellikler

  • İstemci Tarafında (Client-Side) Çalışır: Varsayılan olarak kullanıcının tarayıcısında (Chrome, Safari, Edge vb.) çalışır. Bu sayede sunucuya yük bindirmeden hızlı tepki verir.

  • Interpret Edilen (Yorumlanan) Bir Dildir: Kodlar derleme işlemine (compilation) gerek kalmadan tarayıcıdaki JavaScript Motoru (örneğin Chrome'un V8 motoru) tarafından anında okunur ve çalıştırılır.

  • Dinamik Tiplidir (Dynamically Typed): Bir değişken tanımlarken onun veri tipine (sayı mı, metin mi) karar vermek zorunda kalmazsınız, JS bunu çalışma anında kendisi anlar.

  • Olay Odaklıdır (Event-Driven): Kullanıcının yaptığı eylemleri (tıklama, klavye tuşuna basma, fareyi hareket ettirme) dinler ve bu eylemlere yanıt verir.

Minik Bir Kod Örneği

Bir buton oluşturup buna JavaScript ile hareket katalım:

// Sayfadaki butonu seçiyoruz
const buton = document.querySelector("#benimButonum");

// Butona tıklama olayı (event) ekliyoruz
buton.addEventListener("click", function() {
    alert("Merhaba! JavaScript başarıyla çalıştı 🎉");
});