Etkileşimli ve dinamik web siteleri oluşturmak için JavaScript olmazsa olmazdır. Bu kılavuz, JavaScript kodunu çalıştırmanın iki yolunu ele alıyor: Chrome tarayıcısının Geliştirici Araçlarını kullanarak doğrudan ve sunucu tarafı veya bağımsız bir yaklaşım için Node.js kullanarak.
İçindekiler
Chrome DevTools’ta JavaScript Çalıştırma
Bu yöntem, bir web sayfasının bağlamında hızlı JavaScript parçalarını test etmek ve hata ayıklamak için mükemmeldir. Ek kurulum gerekmez.
1. JavaScript Dosyanızı Oluşturun:
Not defteri (Notepad, TextEdit, VS Code, vb.) gibi bir metin düzenleyici kullanarak JavaScript kodunuzla bir dosya (örneğin, myScript.js) oluşturun:
console.log("Hello from myScript.js!");
let message = "This is a variable.";
console.log(message);
2. Chrome DevTools’u Açın:
Chrome’u açın, herhangi bir web sayfasına gidin, sağ tıklayın ve “Denetle” veya “Elemanı Denetle”yi seçin (veya F12 tuşuna basın). “Konsol” sekmesine tıklayın.
3. Kodunuzu Çalıştırın (Yöntem 1: Doğrudan Girdi):
JavaScript’i doğrudan konsola yazın ve çalıştırmak için Enter tuşuna basın. Bu, küçük parçalar için en iyisidir.
4. Kodunuzu Çalıştırın (Yöntem 2: HTML Dosyası Kullanarak):
Bu, daha büyük komut dosyaları için daha iyidir. Bir HTML dosyası (örneğin, index.html) oluşturun:
<!DOCTYPE html>
<html>
<head>
<title>My JavaScript Test</title>
</head>
<body>
<script src="myScript.js"></script>
</body>
</html>
Chrome’da index.html dosyasını açın. Konsol, myScript.js dosyasından gelen çıktıyı gösterecektir.
Node.js ile JavaScript Çalıştırma
Node.js, JavaScript’i bir web tarayıcısı dışında çalıştırmanıza olanak tanır; sunucu tarafı komut dosyaları, komut satırı araçları vb. için idealdir. Doğrudan Chrome’da *olmasa* da, Chrome uzantılarında veya web uygulamalarında kullanılabilecek JavaScript geliştirmek için çok önemlidir.
1. Node.js’i Yükleyin:
Node.js’i nodejs.org adresinden indirin ve yükleyin. Bu ayrıca npm’yi (Node Paket Yöneticisi) de yükler.
2. JavaScript Dosyanızı Oluşturun:
Yukarıda açıklandığı gibi myScript.js dosyanızı oluşturun.
3. Komut Satırından Çalıştırın:
Terminalinizi açın, myScript.js dosyasını içeren dizine gidin ve şunu çalıştırın:
node myScript.js
Çıktı terminalinizde görünecektir. Node.js, JavaScript’i Chrome tarayıcısı içinde değil, doğrudan bilgisayarınızda çalıştırır.