JavaScript Temelleri ve Öğrenim Rehberi

Aug 10, 2024

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.