JavaScript: Başlangıçtan İleri Seviyeye
Bölüm 2 / 311 dk okuma

Geliştirme Ortamı Kurulumu

Node.js, VS Code, tarayıcı DevTools ve ilk JavaScript dosyanı çalıştırma.

Kod yazmaya başlamadan önce 3 şeye ihtiyacın var: bir editör, bir tarayıcı ve bir runtime.

1. Node.js

JavaScript'i terminalde çalıştırmak için Node.js'i LTS sürümünde indir.

node --version
# v22.x.x

Node.js, V8 motorunu sarmalayan bir JavaScript runtime'ıdır. Tarayıcıdan bağımsız olarak .js dosyalarını çalıştırır.

2. Editör: VS Code

VS Code ücretsiz, hızlı ve JavaScript için en yaygın editördür. Şu eklentileri yükle:

  • ESLint — kod kalitesi uyarıları
  • Prettier — otomatik biçimlendirme
  • Error Lens — hataları satır içinde gösterir

3. Tarayıcı DevTools

Chrome veya Firefox'ta F12 ile geliştirici araçlarını aç. Console sekmesi, JavaScript'i anında deneyebileceğin bir REPL'dir.

// Console'a yapıştır
2 + 2
> 4

İlk dosyan

Bir klasör oluştur: js-egitim/. İçinde index.js:

// index.js
console.log("Merhaba JavaScript!");
 
const isim = "Furkan";
console.log(`Selam, ${isim}.`);

Terminalde:

node index.js
# Merhaba JavaScript!
# Selam, Furkan.

Tarayıcıda çalıştırmak

index.html:

<!doctype html>
<html>
  <body>
    <h1>JS Test</h1>
    <script src="index.js"></script>
  </body>
</html>

Bu dosyayı çift tıkla — tarayıcıda açılır, console'da çıktıyı görürsün.

💡İpucu

Editöründe console.log yazıp Tab basarsan otomatik tamamlanır. Buna snippet denir, sık kullandığın yapılar için kendin de yazabilirsin.

Bu bölümü bitirdin mi?

İlerlemen tarayıcıda saklanır, eğitim listesinde görünür.

Paylaş