JavaScript Temelleri

Giriş

• JavaScript öğrenmeye giriş.
• Amacımız JavaScript'in temellerini öğretmek.

JavaScript Nedir?

• Dinamik ve interaktif web sayfaları oluşturmak için kullanılan bir programlama dili.
• Hem istemci (client) hem de sunucu (server) tarafında çalışabilir.
• Modern web uygulamalarının çoğu JavaScript tabanlıdır.

JavaScript ile İlgili Gereksinimler

• İki temel ihtiyaç:
  • Tarayıcı (Chrome, Firefox, Safari).
  • Bir kod editörü (ör. Visual Studio Code, Notepad++).

JavaScript Kodlama Ortamı

• Visual Studio Code'un kurulumu ve kullanımı.
• Proje klasörlerinin oluşturulması.

JavaScript Dosyaları

• JavaScript kodları iki şekilde kullanılabilir:
  1. HTML dosyası içinde yazılarak.
  2. Dışarıdan .js dosyası olarak dahil edilerek.

Kod Yazma

• JavaScript kodları <script> etiketleri içinde yazılır.
• Kodlar, sayfanın alt kısmında yer almalıdır.

Değişken Tanımlama

• Değişkenler var, let veya const anahtar kelimeleri ile tanımlanır.
• Değişken örnekleri:

  var a = 20;
  let b = 30;
  const c = 40;
  

Fonksiyonlar

• JavaScript'te fonksiyonlar function anahtar kelimesi ile tanımlanır.
• Örnek:

  function selamla() {
      console.log("Merhaba!");
  }
  selamla();  
  

Dizi (Array) Kullanımı

• Diziler birden fazla değeri saklamak için kullanılır.
• Örnek: var sayilar = [1, 2, 3];
• Dizi elemanlarına erişim: sayilar[0].

Döngüler

• For Döngüsü: Belirli bir sayıda tekrarlama için kullanılır.

  for (var i = 0; i < 10; i++) {
      console.log(i);
  }
  

• While Döngüsü: Koşul sağlandığı sürece tekrarlama için kullanılır.

  while (i < 10) {
      console.log(i);
      i++;
  }
  

Koşul İfadeleri

• Koşul ifadeleri if, else if ve else kullanılarak yazılır.

  if (a < b) {
      console.log("a, b'den küçüktür.");
  } else {
      console.log("a, b'den büyüktür.");
  }
  

Olaylar (Events)

• DOM içindeki elemanlar üzerinde çeşitli olaylar tanımlanabilir.
• Örnek: butona tıklandığında bir işlem çalıştırmak.

  button.onclick = function() {
      alert("Butona tıklandı!");
  };
  

Form Doğrulama

• Form elemanlarının doğrulanması gerekir.
• Örnek: Eğer input alanı boş bırakıldıysa uyarı ver.

  function validateForm() {
      var input = document.forms["myForm"]["name"].value;
      if (input == "") {
          alert("İsim alanı boş bırakılamaz.");
          return false;
      }
  }
  

Sonuç

• JavaScript öğrenim süreci bitmiştir.
• Gelişmeye devam etmek için pratik yapılmalı.
• Teşekkürler ve iyi günler.