JavaScript nedir? İlk programın

Bir sosyal ağda “Beğen” düğmesine bastığında kalp anında kırmızıya döner ve sayfa yeniden yüklenmez. Haritayı parmağınla kaydırırsın, arama kutusu da sen daha yazarken öneriler gösterir. Bunların hepsinin arkasında genellikle aynı dil vardır: JavaScript.

JavaScript nedir?

JavaScript, web sayfalarını canlı ve etkileşimli hâle getiren bir programlama dilidir. HTML sayfanın içeriğini, CSS ise görünümünü belirler. JavaScript ise sayfanın davranışını yönetir: bir düğmeye basınca ne olacağını, formdaki bilgilerin doğru olup olmadığını, yeni gönderilerin nasıl yükleneceğini.

JavaScript başlangıçta yalnızca tarayıcılarda çalışıyordu. Bugün ise neredeyse her yerde:

• Web siteleri: menüler, formlar, haritalar, çevrim içi oyunlar.
• Sunucular: Node.js sayesinde JavaScript tarayıcı olmadan da bilgisayarda ve sunucuda çalışır.
• Uygulamalar: örneğin popüler kod düzenleyici Visual Studio Code web teknolojileriyle geliştirilmiştir.

İlk programın: console.log

Geleneğe göre programcılar yeni bir dil öğrenirken önce ekrana “Hello, world!” yazdırır. JavaScript'te bunun için console.log() komutu vardır: parantezin içindekini konsola yazdırır. Aşağıdaki kodu çalıştır ve sonuca bak.

console.log('Hello, world!');
console.log('I am learning JavaScript');
console.log(2 + 3);

Hello, world!
I am learning JavaScript
5

Her satır ayrı bir komuttur ve bilgisayar bunları yukarıdan aşağıya tek tek çalıştırır. Tırnak içindeki metin, yani string, yazıldığı gibi yazdırılır; tırnaksız 2 + 3 ise önce hesaplanır. Sondaki noktalı virgül ; komutun bittiği yeri gösterir.

console.log birden fazla değeri aynı anda da yazdırabilir: değerleri virgülle ayırırsan tek satırda, aralarında boşlukla görünürler. Tırnaklı '2 + 3' ile tırnaksız 2 + 3 arasındaki farka dikkat et.

console.log('2 + 3');
console.log(2 + 3);
console.log('Score:', 95, 'points');
console.log('Baku', 'Ganja', 'Sumqayit');

2 + 3
5
Score: 95 points
Baku Ganja Sumqayit

Yorumlar ve tipik hatalar

Yorum, bilgisayarın dikkate almadığı, insanlar için yazılmış bir nottur. // işaretinden satır sonuna kadar her şey yorumdur. Birkaç satırlık yorum /* ile başlar ve */ ile biter. Yorumlar, kodun ne yaptığını sonradan hatırlamaya ve başkalarına anlatmaya yardım eder.

// This line is a comment: it is not executed
console.log('Comments are for people');

/* A comment
   over several lines */
console.log('Done'); // a comment can also stand here

Comments are for people
Done

Kodu nerede çalıştırabilirsin?

• Bu derslerde: örneğin yanındaki çalıştır düğmesine bas; kod doğrudan tarayıcında çalışır.
• Tarayıcı konsolunda: geliştirici araçlarını aç ve Console sekmesine geç.
• Bir HTML sayfasında: kodu <script> etiketinin içine yaz.
• Bilgisayarında: Node.js'i kur ve dosyayı node app.js komutuyla çalıştır.

Tarayıcıda JavaScript sayfanın kendisini de değiştirebilir. Aşağıdaki örnekte HTML'deki başlık “Hello!”, ama betik bunu sayfa açılır açılmaz değiştiriyor. Şimdilik her satırı anlamasan da olur; bunu DOM dersinde ayrıntılı öğreneceksin.

<h1 id="title">Hello!</h1>
<p>This paragraph comes from HTML.</p>
<script>
  document.getElementById('title').textContent = 'Hello from JavaScript!';
</script>

// 1) print the text Hello, Educora!
// 2) print the result of 365 * 24

Hello, Educora!
8760