JavaScript dünyasına hoş geldiniz! Bu öğretici, klasik “Merhaba, Dünya!” programıyla başlayıp temel sözdizimi kurallarına kadar ilerleyerek temel kavramları size adım adım anlatacaktır. Güçlü bir betik dili olan JavaScript, web geliştirmenin ayrılmaz bir parçasıdır ve geleceğin geliştiricileri için çok önemli bir beceri olmasını sağlar.
Başlangıç: İlk JavaScript Programınız
Herhangi bir programlama dilini öğrenmeye başlamanın en basit yolu, bir mesaj görüntüleyen bir program oluşturmaktır. JavaScript’te bunu console.log() yöntemi kullanarak gerçekleştiririz. Bu yöntem, bir değeri tarayıcının konsoluna (genellikle F12 tuşuna basarak erişilebilir) yazar.
“Merhaba, Dünya!” programımızı oluşturalım:
console.log("Merhaba, Dünya!");
Bu kodu çalıştırmak için birkaç seçeneğiniz vardır:
- Tarayıcının Geliştirici Konsolu: Tarayıcınızın geliştirici konsolunu açın (genellikle F12), bu satırı yapıştırın ve Enter tuşuna basın. “Merhaba, Dünya!” mesajının görüntülendiğini göreceksiniz.
- HTML Dosyası: Bir HTML dosyası (örneğin,
index.html) oluşturun ve JavaScript kodunu<script>etiketleri arasına yerleştirin:
console.log("Merhaba, Dünya!");
Bu HTML dosyasını tarayıcınızda açın. Mesaj konsolda görünecektir; web sayfasının kendisinde görünürde hiçbir değişiklik olmayacaktır. Web sayfasını doğrudan nasıl manipüle edeceğimizi sonraki öğreticilerde inceleyeceğiz.
JavaScript Sözdizimini Anlama
İlk programımızı çalıştırdığımıza göre, temel JavaScript sözdizimi kurallarını inceleyelim:
- Büyük/Küçük Harf Duyarlılığı: JavaScript büyük/küçük harfe duyarlıdır.
console.log,Console.LogveyaCONSOLE.LOG‘dan farklıdır. - Noktalı Virgül: Bazı durumlarda isteğe bağlı olsa da, her ifadeyi noktalı virgül (
;) ile sonlandırmak en iyi uygulamadır. Bu, kod okunabilirliğini artırır ve potansiyel hataları önler. - Yorum Satırları: Yorum satırları, kodunuzu açıklamak için çok önemlidir. JavaScript şunları destekler:
- Tek satırlık yorum satırları:
// Bu tek satırlık bir yorum satırıdır - Çok satırlık yorum satırları:
/* Bu, birden fazla satıra yayılabilen çok satırlık bir yorum satırıdır */ - Değişkenler: Değişkenler veri depolar. Değişkenleri bildirmek için
let(değiştirilebilir değerler için) veyaconst(sabitler için) kullanın:
let mesaj = "Merhaba"; // Bir değişken bildirir ve ona bir metin değeri atar.
const pi = 3.14159; // Bir sabit bildirir ve ona sayısal bir değer atar.
- Veri Türleri: JavaScript, sayılar, metinler, Boole değerleri (
true/false),null,undefinedve nesneler dahil olmak üzere çeşitli veri türlerini işler. Bunları daha sonra ayrıntılı olarak ele alacağız. - Operatörler: JavaScript, aritmetik (
+,-,*,/), karşılaştırma (==,!=,>,<,>=,<=), mantıksal (&&,||,!) ve atama (=,+=,-=, vb.) operatörleri kullanır.
Bu giriş, JavaScript yolculuğunuz için temel oluşturmaktadır. Gelecek öğreticiler, gelişmiş kavramlara daha derinlemesine inecektir. Takipte kalın!
İçindekiler