JavaScript Ders 1 – JavaScript’e Giriş

JavaScript Nedir?

  • JavaScript, web sayfalarını etkileşimli hale getirmek için kullanılan bir programlama dilidir. Başlangıçta sadece tarayıcılar için geliştirilmiş olsa da, günümüzde sunucu tarafında (Node.js ile), mobil uygulamalarda (React Native, Ionic) ve masaüstü uygulamalarında (Electron) da yaygın olarak kullanılmaktadır.
  • JavaScript, insan tarafından daha kolay okunabilen ve yazılabilen yüksek seviyeli bir dildir. Makine dilinden soyutlanmıştır.
  • JavaScript kodu genellikle tarayıcı veya Node.js gibi bir JavaScript motoru tarafından satır satır yorumlanır ve çalıştırılır. Bu, derleme aşaması olmadan doğrudan çalıştığı anlamına gelir.

Web Geliştirmedeki Rolü

Client-Side Scripting (İstemci Tarafı Betik Yazma): JavaScript’in en yaygın kullanım alanı budur. HTML ve CSS ile birlikte web sayfalarının görünümünü ve davranışını kontrol eder.

  • Etkileşimli Arayüzler: Kullanıcı etkileşimlerine yanıt veren dinamik öğeler oluşturulabilir (örneğin, buton tıklamaları, form doğrulama).
  • Animasyonlar ve Görsel Efektler: Web sayfalarına animasyonlar ve görsel efektler ekleyerek kullanıcı deneyimini zenginleştirir.
  • Veri Doğrulama: Form verilerini sunucuya göndermeden önce tarayıcıda doğrulayarak hataları önler.
  • AJAX (Asenkron JavaScript ve XML): Web sayfasını yeniden yüklemeden sunucudan veri alıp sayfayı günceller.

Server-Side Scripting (Sunucu Tarafı Betik Yazma): Node.js sayesinde JavaScript, sunucu tarafında da kullanılabilir hale gelmiştir.

  • Web Sunucuları: Web uygulamaları oluşturmak için Node.js ile Express gibi framework’ler kullanılabilir.
  • API Geliştirme: RESTful API’ler oluşturulabilir.

JavaScript’in Tarihçesi ve Evrimi

  • Brendan Eich ve Netscape: JavaScript, 1995 yılında Brendan Eich tarafından Netscape Navigator web tarayıcısı için geliştirilmiştir.
  • ECMAScript Standardı: JavaScript, ECMAScript (ES) adında bir standarttır. Bu standart, dilin temel özelliklerini tanımlar ve farklı tarayıcılar arasında tutarlılık sağlar.
  • ES6 (ECMAScript 2015): Modern JavaScript’in başlangıç noktası olarak kabul edilir. Arrow fonksiyonları, sınıflar, template literal’lar gibi birçok yeni özellik getirmiştir.
  • Sürekli Gelişim: ECMAScript standardı düzenli olarak güncellenmektedir (ES2016, ES2017, vb.).

JavaScript Motorları

  • V8: Google tarafından geliştirilen ve Chrome tarayıcısı ile Node.js’de kullanılan yüksek performanslı bir JavaScript motorudur.
  • SpiderMonkey: Mozilla tarafından geliştirilen ve Firefox tarayıcısında kullanılan bir JavaScript motorudur.
  • JavaScriptCore: Apple tarafından geliştirilen ve Safari tarayıcısında kullanılan bir JavaScript motorudur.

console.log() ile Tanışma

  • console.log() tarayıcı konsoluna metin veya değerleri yazdırmak için kullanılan bir fonksiyondur. Debugging ve çıktıları görüntülemek için çok kullanışlıdır.
JavaScript
console.log("Merhaba Dünya!"); // Metin çıktısı verir
let sayi = 10;
console.log(sayi); // Sayısal değer çıktısı verir
  • Tarayıcı Konsoluna Erişim: Tarayıcınızın geliştirici araçlarını açarak (genellikle F12 tuşuyla) konsol sekmesine ulaşabilirsiniz

Debugging Temelleri

Hata Mesajları: JavaScript hataları, tarayıcı konsolunda hata mesajlarıyla görüntülenir. Bu mesajlar, hatanın nerede olduğunu ve ne tür bir sorunla karşılaşıldığını anlamaya yardımcı olur.

debugger Anahtar Kelimesi: Kodun belirli bir noktasına debugger; satırı ekleyerek tarayıcı geliştirici araçları açılabilir ve kod adım adım incelenebilir.

Geliştirici Araçları: Tarayıcıların geliştirici araçları, JavaScript kodunu debug etmek için birçok özellik sunar (örneğin, breakpoint’ler, değişken izleme).

Kaynak: https://developer.mozilla.org/en-US/docs/Web/JavaScript

Etiketler