JavaScript, web sayfalarını statik belgelerden etkileşimli uygulamalara dönüştüren, dünyanın en yaygın kullanılan programlama dilidir. Bu yazıda JavaScript nedir, ne işe yarar, nasıl çalışır, hangi komutları içerir ve sık karşılaşılan hataları nasıl çözersiniz — hepsini örneklerle anlatıyoruz.
JavaScript Nedir?
JavaScript (kısaca JS), web tarayıcılarında çalışan, sayfalara dinamik davranış kazandıran bir programlama dilidir. HTML içeriği oluşturur, CSS görünümü düzenler, JavaScript ise etkileşimi sağlar: buton tıklamaları, form doğrulama, animasyonlar ve anlık veri güncellemeleri.
JavaScript Ne Demek?
“JavaScript ne demek?” diye soranlar için en kısa tanım: tarayıcının anladığı, çalıştırmak için ek bir program gerektirmeyen bir betik (script) dilidir. 1995’te tarayıcılar için geliştirilmiş, bugün sunucudan mobil uygulamalara kadar her yerde kullanılır hale gelmiştir.
JavaScript Ne İşe Yarar?
JavaScript şunlar için kullanılır:
- Etkileşim: Menüler, kaydırıcılar, açılır pencereler, formlar
- Dinamik içerik: Sayfayı yenilemeden veri güncelleme (AJAX)
- Web uygulamaları: Gmail, Trello gibi tek sayfa uygulamalar (SPA)
- Sunucu tarafı: Node.js ile arka uç (backend) geliştirme
- Mobil ve masaüstü: React Native, Electron gibi teknolojiler
JavaScript Nasıl Çalışır?
JavaScript iki ana ortamda çalışır:
İstemci Tarafı (Client-Side)
Kod, ziyaretçinin tarayıcısında çalışır. Tarayıcının JavaScript motoru (Chrome’da V8) kodu yorumlar ve sayfayı anlık olarak değiştirir. Bu kod, sitenizi barındıran sunucudan tarayıcıya gönderilir — yani performansı, sitenizin çalıştığı web hosting altyapısının hızıyla doğrudan ilişkilidir.
Sunucu Tarafı (Node.js)
Node.js sayesinde JavaScript artık sadece tarayıcıda değil, sunucuda da çalışır. API’ler, veritabanı işlemleri ve gerçek zamanlı uygulamalar için kullanılır. Node.js uygulamaları paylaşımlı hosting’te genellikle çalışmaz; bunun için kök erişimi ve özel kaynaklar sunan bir sanal sunucu (VDS) gerekir. Daha yüksek kaynak ihtiyacında ise fiziksel sunucu tercih edilir.
HTML, CSS ve JavaScript Arasındaki Fark Nedir?
Bu üçü bir web sayfasının temelidir ama farklı işler yapar:
| Teknoloji | Görevi | Benzetme |
|---|---|---|
| HTML | İçerik ve yapı | İskelet |
| CSS | Görünüm ve tasarım | Kıyafet |
| JavaScript | Davranış ve etkileşim | Kaslar / hareket |
TypeScript ile JavaScript Farkı
TypeScript, JavaScript’in üzerine “tip güvenliği” ekleyen bir üst kümesidir. Yazılan TypeScript kodu, tarayıcıda çalışabilmesi için yine JavaScript’e dönüştürülür (derlenir). Büyük projelerde hata yakalamayı kolaylaştırır.
JavaScript Kullanmanın Avantajları
- Hız: Tarayıcıda anında çalışır, sunucuya gidip gelmeye gerek kalmaz
- Her yerde çalışır: Tüm modern tarayıcılarda yerleşik destek
- Geniş ekosistem: npm üzerinde milyonlarca hazır kütüphane
- Tek dil, her katman: Hem ön yüz hem arka uç (Node.js) aynı dille
- Büyük topluluk: Bol kaynak, hızlı çözüm
En Çok Kullanılan JavaScript Komutları ve Kodları
JavaScript komutları, dilin temel yapı taşlarıdır. İşte en sık kullanılanlar:
Değişken, Fonksiyon ve Döngü Örnekleri
// Değişken tanımlama
let isim = "Verimin";
const yil = 2026;
// Fonksiyon
function selamla(ad) {
return "Merhaba " + ad;
}
// Koşul
if (yil >= 2026) {
console.log("Güncel");
}
// Döngü
for (let i = 0; i < 3; i++) {
console.log(i);
}Hazır JavaScript Kod Örnekleri
// Bir butona tıklama olayı eklemek
document.getElementById("btn").addEventListener("click", function() {
alert("Tıklandı!");
});
// Bir elemanın metnini değiştirmek
document.querySelector("h1").textContent = "Yeni Başlık";console.log(), getElementById(), addEventListener(), querySelector() gibi komutlar günlük geliştirmenin temelini oluşturur.
JavaScript Nasıl Etkinleştirilir?
Bazı sitelerde “JavaScript’i etkinleştirin” uyarısı görürsünüz. JavaScript çoğu tarayıcıda varsayılan olarak açıktır; kapalıysa şöyle açarsınız:
Chrome’da JavaScript Açma
- Ayarlar → Gizlilik ve güvenlik → Site ayarları
- JavaScript bölümüne girin
- “Siteler JavaScript kullanabilir” seçeneğini işaretleyin
Firefox / Edge’de JavaScript Açma
- Firefox: Adres çubuğuna
about:configyazın,javascript.enableddeğerinitrueyapın. - Edge: Ayarlar → Çerezler ve site izinleri → JavaScript → İzin ver.
JavaScript İndirilir mi, Kurulması Gerekir mi?
Sık sorulan bir yanılgı: JavaScript indirilmez ve kurulmaz. Ayrı bir program değildir; tarayıcınızın içinde yerleşik olarak gelir. “javascript indir” araması yapanların aslında ihtiyacı, tarayıcıda JavaScript’i etkinleştirmektir. Kod yazmak için ise sadece bir metin editörü (ör. VS Code) ve bir tarayıcı yeterlidir.
JavaScript Araçları: Minify, Obfuscate, Compiler
Geliştiriciler JavaScript kodunu optimize etmek ve korumak için çeşitli araçlar kullanır.
JavaScript Minify (Sıkıştırma) Nedir?
Minify, koddaki boşlukları, satır sonlarını ve yorumları kaldırarak dosya boyutunu küçültür. Daha küçük dosya = daha hızlı yüklenen sayfa. Site hızı hem kullanıcı deneyimini hem SEO’yu etkilediği için, özellikle WordPress hosting kullananlar için minify önemli bir performans adımıdır.
JavaScript Obfuscation ve Deobfuscator Nedir?
Obfuscation, kodu okunması zor hale getirerek (değişken adlarını anlamsızlaştırarak) kaynak kodu korumaya çalışır. Deobfuscator ise bu işlemi tersine çevirip kodu yeniden okunabilir hale getiren araçtır. Not: Obfuscation bir güvenlik önlemi değil, yalnızca caydırıcıdır — gerçek güvenlik sunucu tarafında sağlanır.
Online JavaScript Compiler/Derleyici
JavaScript yorumlanan bir dildir, klasik anlamda “derleme” gerektirmez. “Online compiler” araçları aslında kodu tarayıcıda anında çalıştıran ortamlardır; öğrenirken hızlı deneme yapmak için kullanışlıdır.
Sık Karşılaşılan JavaScript Hataları
javascript:void(0) Ne Demek?
javascript:void(0), bir bağlantının tıklandığında hiçbir şey yapmamasını (sayfanın yukarı kaymamasını) sağlayan bir ifadedir. void operatörü ifadeyi çalıştırır ama undefined döndürür. Genellikle JavaScript ile yönetilen butonlarda yer tutucu olarak kullanılır.
“A JavaScript error occurred in the main process” Hatası ve Çözümü
Bu hata genellikle Electron tabanlı masaüstü uygulamalarında (Discord, WhatsApp Desktop vb.) görülür. Çözüm adımları:
- Uygulamayı tamamen kapatıp yeniden başlatın
- Uygulamayı yönetici olarak çalıştırın
- Uygulamayı kaldırıp güncel sürümü yeniden kurun
%AppData%altındaki uygulama önbellek klasörünü temizleyin
Sıkça Sorulan Sorular (SSS)
JavaScript ne işe yarar?
Web sayfalarına etkileşim kazandırır: form doğrulama, animasyon, dinamik içerik ve Node.js ile sunucu tarafı uygulama geliştirme.
JavaScript indirilir mi?
Hayır. JavaScript tarayıcıda yerleşiktir; indirilmesi veya kurulması gerekmez, yalnızca etkinleştirilmesi yeterlidir.
JavaScript nasıl etkinleştirilir?
Chrome’da Ayarlar → Gizlilik ve güvenlik → Site ayarları → JavaScript yolundan “izin ver” seçeneğini açın.
HTML, CSS ve JavaScript farkı nedir?
HTML yapıyı, CSS görünümü, JavaScript ise davranışı ve etkileşimi sağlar.
JavaScript öğrenmek zor mu?
Hayır; başlangıç için en erişilebilir dillerden biridir. Bir tarayıcı ve metin editörüyle hemen kod yazmaya başlayabilirsiniz.
Sonuç
JavaScript, modern webin temel direklerinden biridir; ister basit bir butonu çalıştırın ister Node.js ile koca bir uygulama kurun. Geliştirdiğiniz projeyi yayına almak için sağlam bir altyapıya ihtiyacınız var: statik ve WordPress siteler için web hosting, Node.js uygulamaları için sanal sunucu ve markanız için bir alan adı ile başlayabilirsiniz.
