🧑‍💻

JavaScript Tanıtımı ve Temel Konular

Sep 3, 2024

JavaScript Ders Notları

Giriş

  • JavaScript hakkında sıkça sorulan soruların genel bir özeti:
    1. JavaScript nedir?
    2. Onunla ne yapabilirsiniz?
    3. JavaScript kodu nerede çalışır?
    4. JavaScript ve ECMAScript arasındaki fark nedir?

JavaScript Nedir?

  • Dünyanın en popüler programlama dillerinden biri.
  • Netflix, Walmart ve PayPal gibi büyük şirketler tarafından kullanılır.
  • ABD'deki bir JavaScript geliştiricisinin ortalama maaşı yıllık 72.000 $'dır.
  • Mevcut roller:
    • Ön Yüz Geliştiricisi
    • Arka Yüz Geliştiricisi
    • Tam Yığın Geliştiricisi

JavaScript ile Ne Yapabilirsiniz?

  • Başlangıçta tarayıcılarda etkileşimli web sayfaları için kullanılıyordu.
  • Günümüzdeki yetenekler:
    • Tam işlevli web ve mobil uygulamalar.
    • Gerçek zamanlı uygulamalar (ör. sohbet servisleri, video akışı).
    • Komut satırı araçları.
    • Oyunlar.

JavaScript Kodu Nerede Çalışır?

  • Başlangıçta tarayıcılar için JavaScript motorlarıyla tasarlandı (ör. Firefox için SpiderMonkey, Chrome için V8).
  • Node.js, JavaScript'in tarayıcıların dışında çalışmasına izin verir:
    • 2009 yılında Ryan Dahl tarafından oluşturuldu (V8 motorunu bir C++ programına yerleştirdi).
    • Arka yüz geliştirme için kullanılır.

JavaScript vs. ECMAScript

  • ECMAScript: Scripting dilleri için bir spesifikasyon.
  • JavaScript: ECMAScript spesifikasyonunu takip eden bir programlama dili.
    • ECMA organizasyonu tarafından yönetilir.
    • İlk versiyonu 1997'de yayınlandı.
    • 2015'ten beri yıllık sürümler (ör. 2015'te ES6).

JavaScript ile Uygulamalı Demo

  • Chrome Geliştirici Araçlarını Kullanma:
    • İnceleme ile Konsolu Açma.
    • Örnek komutlar:
      • console.log('hello world');
      • 2 + 2;
      • alert('yo');

Geliştirme Ortamını Ayarlama

  • Önerilen Kod Düzenleyici: Visual Studio Code (VS Code)
    • adresinden indirin.
  • Node.js'i adresinden yükleyin.
  • Bir proje klasörü oluşturun (ör. Js-Basics) ve VS Code'da açın.
  • HTML yapısı için index.html oluşturun:
    • Temel HTML şablonunu kullanın.

VS Code'da Live Server Kullanımı

  • Canlı yeniden yükleme için VS Code'da Live Server uzantısını yükleyin.
    • index.html dosyasını Live Server ile açın.
  • HTML dosyasına elemanlar ekleyin (ör. <h1>Hello World</h1>).

JavaScript Kodu Yazma

  • <body> bölümünün sonunda bir <script> etiketi ekleyin:
    • Tüm elemanların önce işlenmesini sağlamak için en iyi uygulama.
  • Örnek kod: console.log('Hello World');
  • JavaScript'te yorumlar: // Bu bir yorumdur

Ayrı Sorumluluklar

  • JavaScript kodunu kendi dosyasına ayırın (ör. index.js).
  • index.html dosyasında index.js dosyasına referans verin: <script src="index.js"></script>

Node'da JavaScript Çalıştırma

  • Komut İstemi/Terminal açın.
  • Proje klasörüne gidin ve çalıştırın: node index.js

JavaScript'te Değişkenler

  • Tanım: Verileri geçici olarak saklamak için kullanılır.
  • Değişken tanımı:
    • let kullanın (modern en iyi uygulama).
    • const kullanın (değişmemesi gereken değerler).
  • Değişken adlandırma kuralları:
    • Ayrılmış anahtar kelimeler olamaz.
    • Anlamlı olmalı.
    • Sayıyla başlayamaz.
    • Boşluk veya tire içeremez.

Değer Türleri

  • Basit Türler:
    • String: ör. 'Hello'
    • Number: ör. 30
    • Boolean: true/false
    • Undefined: başlatılmamış değişkenlerin varsayılanı.
    • Null: değeri özellikle temizleme.
    • Symbol: ES6'da tanıtıldı.

Dinamik Dil

  • JavaScript dinamiktir; değişken türleri çalışma sırasında değişebilir.
  • Tür kontrolü örneği:
    • typeof operatörü kullanılır.

Referans Türleri

  • Nesneler:
    • İlgili birden çok değişkeni birleştirin.
    • Süslü parantez {} ile tanımlanır.
  • Diziler:
    • Öğelerin listesini saklar.
    • Köşeli parantez [] ile tanımlanır.
  • Fonksiyonlar:
    • Bir görevi gerçekleştiren veya bir değer hesaplayan kod bloğu.
    • Parametre alabilir ve değer döndürebilir.

Sonuç

  • JavaScript geniş bir uygulama yelpazesi olan güçlü bir dildir.
  • Uygulama önemlidir; ileriki bölümler daha ileri konuları kapsayacaktır.

Full transcript