JavaScript Nedir?

Yine standart bir söz ile konuya girelim o zaman; “HTML bir bina ise CSS onun boyası, JavaScript ise o binanın su tesisatı, muslukları, elektrik tesisatı, aydınlatma sistemi, kısaca fonksiyonel olarak çalışan her şeyidir.” Bir HTML sayfasının dinamik olarak çalışmasından tutunda, tasarımsal olarak CSS’i aşıp daha farklı, hiç görülmemiş efekt yapılarına kadar, çok geniş bir alanı kontrol eden, web yazılımının geleceği olan bir konudur. Aslında kendisini abartıyormuş gibi gözüksemde aslında az bile söylüyorum. Zira kendisi ile yapılanları saymaya çalışırsak;

1. Web sitelerinde çalışan oyunlar.

2. CSS’i içerisinde barındırması, hâliyle çok daha güzel tasarımlar sağlaması.

3. Sunucu ile haberleşme sağlaması.

4. Tuş kontrolleri, tüm olay kontrolleri.

5. Kendi içerisindeki yapıları ile Dil desteği, Projeyi konuşturma, Yapay zekâ destekleri vb.

Kısaca içerisindeki özellikleri saymaya kalkışırsak sanırım kaybolabiliriz 😊 Öyle düşünün ki içerisinde HTML elementleri üretip sayfanıza dahil edebiliyor, Animasyonlar oluşturabiliyorsunuz. Lakin kendisini öğrenmek diğer istemci(client) yazılım dillerine göre bir tık daha zor olabilir. HTML ve CSS’i öğrendikten sonra JavaScript’e geçip kendinizi yazılımdan soğutmamak için bilmeniz gereken şey. Bir konu içerisindeki alan arttıkça, doğal olarak öğrenilmesi gereken başlıkta çok oluyor. JavaScript dilini sevebilmeniz ve kendisini kullanarak proje geliştirebilmeniz için. JavaScript’in mükemmel olduğunu bilmeniz yeterlidir, zira insanlar iyi şeyleri öğrenmeyi severler… Bu yazıda Yazılım Tarihi adlı başlıkta yazılmıştır, bu sebepten ki yazı sadece JavaScript’i tanıtmaya yöneliktir. Eğer daha fazla detay öğrenmek, nasıl kullanıldığını, komutların neler olduğunu öğrenmek istiyorsanız, JavaScript adlı başlığımız içerisinde bulunan yazıları incelemenizi tavsiye ederim. İyi günler dilerim.

JavaScript Hata Türleri

Syntax Errors

Sözdizimi hataları, kodun yazım kurallarına uygun olmaması durumunda ortaya çıkar. Tarayıcı veya JavaScript çalışma ortamı bu hataları kod çalışmadan önce tespit eder.

var x = 10
if (x == 10) { // Eksik parantez
    console.log("Hello");
// }

Yukarıdaki örnekte "if" yapısının kapanma parantezi yorum satırına alındığı için bir yazım hatası (Syntax Error) oluşmuştur.

TypeError

Bir değişkenin veya değerin beklenen türde olmaması durumunda meydana gelir. Örnek:

let obj = null;
console.log(obj.property); //null üzerinde toUpperCase() çağrılamaz

Javascriptte "document" Ne işe yarar ?

JavaScript'te document nesnesi, HTML veya XML belgesinin kökünü temsil eder ve belgedeki öğelere erişmek, bu öğeler üzerinde değişiklik yapmak ve yeni öğeler oluşturmak için kullanılan ana nesnedir. document nesnesi, tarayıcıda yüklenen her web sayfası için otomatik olarak oluşturulur ve bir dizi özellik ve metod sunar. İşte document nesnesinin bazı temel kullanım alanları:

Belgeye Erişim: HTML belgesinin yapısına erişmek ve bu yapıyı değiştirmek için kullanılır.

let element = document.getElementById('myElement');

Yeni Öğeler Oluşturma: Yeni HTML öğeleri oluşturmak için kullanılır.

let newElement = doc...