İçeriğe geç
Codary
JavaScript Modül 1: JavaScript'e Giriş ve Değişkenler

1.1 JavaScript Nedir ve İlk Kod

Kolay
Ders 1 / 26 %0 Ders listesi
1.1 JavaScript Nedir ve İlk Kod 1.2 Değişkenler: let ve const 1.3 Veri Tipleri ve typeof 1.4 Template Literal ve String İşlemleri 2.1 Aritmetik ve Karşılaştırma Operatörleri 2.2 if, else if ve else 2.3 switch-case Yapısı 2.4 Ternary Operatörü ve Mantıksal Operatörler 2.5 Hatayı Bul: Doğru PIN Kabul Edilmiyor 3.1 for ve while Döngüleri 3.2 Diziler (Arrays) 3.3 for...of ve forEach 3.4 map, filter ve reduce 3.5 Hatayı Bul: Sepet Toplamı NaN 4.1 Fonksiyon Tanımlama ve return 4.2 Arrow Function ve Callback 4.3 Nesneler (Objects) 4.4 Destructuring ve Spread Operatörü 5.1 Sınıflar (Class) ve Kalıtım 5.2 Hata Yönetimi: try, catch, finally 5.3 Promise ve async/await 5.4 JSON, Map ve Set 6.1 DOM Nedir? Elemanları Seçmek 6.2 Olaylar (Events) ve addEventListener 6.3 Proje: Yapılacaklar Listesi Mantığı 6.4 Proje: Alışveriş Sepeti Hesaplama
Misafir olarak çalışıyorsun. İlerlemeni kaydetmek ve sonraki dersleri açmak için giriş yap. Giriş yap / Kayıt ol

JavaScript Nedir?

Bir web sayfasını ev gibi düşün: HTML duvarları ve odaları kurar, CSS boyayı ve mobilyayı yerleştirir. JavaScript ise elektriktir: ışıkları yakar, kapı zilini çaldırır. Butona tıklayınca açılan menüler, formda "şifre çok kısa" uyarısı, sayfayı yenilemeden gelen mesajlar JavaScript ile yapılır.

Bugün JavaScript yalnızca tarayıcıda değil, Node.js ile sunucularda ve React Native ile mobil uygulamalarda da çalışır. Yani tek dil öğrenip birçok alanda kullanabilirsin.

İlk komut: console.log()

Programın bir şey "söylemesi" için konsola yazdırırız:
Örnek KodJS
console.log("Merhaba Dünya!");
console.log(2 + 3);
console.log("2 + 3");
Çıktı:
Örnek KodTEXT
Merhaba Dünya!
5
2 + 3
  • Tırnak içindeki her şey metindir ve olduğu gibi yazılır.
  • Tırnaksız 2 + 3 bir hesaplamadır; önce sonucu bulunur, sonra yazılır.
  • Her console.log yeni bir satıra yazar.
Satır sonundaki noktalı virgül (;) çoğu durumda zorunlu değildir, ama yazmak iyi bir alışkanlıktır: komutun nerede bittiğini açıkça gösterir.

Sık yapılan hatalar

  • Console.log yazmak: JavaScript büyük/küçük harfe duyarlıdır, console küçük harfle başlar.
  • Tırnağı kapatmayı unutmak: console.log("Merhaba) hata verir.
  • Türkçe tırnak (“ ”) kullanmak: kod editöründe her zaman düz tırnak (" veya ') kullan.
Kendi bilgisayarında denemek için tarayıcıda F12'ye basıp Console sekmesine kod yazabilirsin.
Görev Kendin yazarak öğren
Konsola alt alta iki satır yazdır:

  1. İlk satır tam olarak Merhaba JavaScript! olsun.
  2. İkinci satır tam olarak Web sayfalarını canlandırıyorum. olsun.

    Bilgi Kontrol Quizi

    JavaScript'te konsola çıktı yazdırmak için hangisi kullanılır?

    main.js

    Parantez ve tırnaklar kendiliğinden kapanır. Tab girinti ekler; editörden çıkmak için önce Esc, sonra Tab.

    Çıktı Konsolu: Hazır 
    Çıktı görmek için "Kodu Çalıştır" butonuna basın...