Tarayıcı ve JavaScript

HTML, CSS ve JavaScript'i yorumlayarak web sayfalarını çalıştıran istemci uygulaması.

Tarayıcının sayfa yükleme ve kullanıcı arayüzünü yöneten ana motoru.

HTML ve CSS'i ekranda piksellere dönüştüren tarayıcı bileşeni.

JavaScript kodunu ayrıştıran, optimize eden ve çalıştıran motor.

Chrome ve Node.js tarafından kullanılan JavaScript motoru.

HTML elemanlarının ebeveyn-çocuk ilişkileriyle oluşturduğu nesne ağacı.

CSS kurallarının tarayıcı tarafından nesne ağacı olarak temsil edilmesi.

Görünür DOM düğümleri ile uygulanmış stillerin birleşiminden oluşan çizim ağacı.

Elemanların ekrandaki boyut ve konumlarının hesaplanması.

Metin, renk, border ve görsellerin katmanlara çizilmesi.

Çizilmiş katmanların GPU yardımıyla son ekranda birleştirilmesi.

HTML alımından sayfanın ilk kez çizilmesine kadar geçen kritik işlem zinciri.

DOM, network, console, storage ve performans inceleme araçları.

Canlı DOM ve CSS kurallarını inceleme bölümü.

Sayfanın yaptığı istekleri, sürelerini ve boyutlarını gösteren bölüm.

JavaScript çıktısı, hata ve komutlarını gösteren geliştirici aracı.

Kaynak dosya, breakpoint ve debugger işlemlerinin yapıldığı bölüm.

Cookie, localStorage, service worker ve cache verilerini inceleme alanı.

Main thread, rendering ve kullanıcı etkileşimi performansını analiz eder.

Heap snapshot ve bellek sızıntısı incelemelerini yapar.

Web tarayıcılarında ve sunucuda çalışan dinamik programlama dili.

JavaScript dilinin standartlaştırılmış teknik şartnamesi.

Blok kapsamlı ve yeniden atanabilir değişken tanımı.

Blok kapsamlı ve yeniden atanamayan değişken bağlantısı.

Fonksiyon kapsamlı eski değişken tanımlama biçimi.

JavaScript'te tam ve ondalıklı sayıları temsil eden temel tür.

Metin verisini temsil eden temel tür.

true veya false mantıksal değerini temsil eder.

Bir değerin bilinçli olarak boş olduğunu gösterir.

Bir değişkene henüz değer atanmadığını veya alanın bulunmadığını gösterir.

Benzersiz anahtar oluşturmak için kullanılan primitive tür.

Number sınırını aşan büyük tam sayıları temsil eder.

Anahtar-değer alanları tutan referans türü.

Sıralı değer koleksiyonu.

Çağrılabilir kod nesnesi.

Kısa fonksiyon sözdizimi ve lexical this davranışı sunar.

Başka bir fonksiyona daha sonra çağrılması için verilen fonksiyon.

Fonksiyon alan veya fonksiyon döndüren fonksiyon.

Backtick ile yazılan, değişken gömme ve çok satırlı metin destekleyen string.

Array veya object alanlarını kısa sözdizimiyle değişkenlere ayırma.

Bir koleksiyonun elemanlarını başka yapı içine yayma.

Fonksiyona gelen fazla argümanları array olarak toplama.

Ara değer null/undefined olduğunda hata vermeden erişimi durdurma.

Yalnızca null veya undefined değerinde varsayılan değer kullanma.

Tür dönüşümü yapmadan değer ve tür karşılaştıran === operatörü.

Boolean olmayan değerlerin koşullarda doğru veya yanlış kabul edilen karşılığı.

JavaScript'in işlemler sırasında otomatik tür dönüşümü yapması.

JavaScript nesnelerinin özellik ve metot miras aldığı nesne.

Bir özellik bulunana kadar prototiplerin sırayla aranması.

Prototype tabanlı nesne modelini sınıf sözdizimiyle ifade etme.

Fonksiyonun nasıl çağrıldığına göre mevcut bağlamı temsil eden değer.

Fonksiyonun this bağlamını ve başlangıç argümanlarını sabitleme.

Fonksiyonu seçilen this bağlamıyla doğrudan çağırma.

Tıklama, giriş, yükleme veya ağ sonucu gibi gerçekleşen olay.

Belirli olay gerçekleştiğinde çalışacak fonksiyon.

Olay hedefi, türü ve ek bilgilerini taşıyan nesne.

Olayın hedef elemandan ebeveynlere doğru yayılması.

Olayın kökten hedef elemana doğru yakalama aşamasında ilerlemesi.

Çok sayıda çocuğun olayını ortak ebeveyn üzerinde yönetme tekniği.

Bir olayın link açma veya form gönderme gibi varsayılan davranışını engeller.

Olayın DOM ağacında yayılmasını durdurur.

CSS selector ile ilk eşleşen DOM elemanını seçer.

CSS selector ile tüm eşleşen DOM elemanlarını seçer.

JavaScript ile yeni DOM elemanı oluşturur.

Bir DOM elemanını başka elemana ekler.

Bir elemanın CSS class'larını ekleme, kaldırma ve değiştirme API'si.

HTML data-* attribute değerlerine JavaScript'ten erişim sağlar.

Form alanlarını HTTP isteğine uygun anahtar-değer yapısında toplar.

Form verisini sunucuya göndermeden tarayıcıda doğrulama.

Gelecekte tamamlanacak asenkron işlemin başarı veya hata sonucunu temsil eder.

Promise işleminin henüz tamamlanmadığı durum.

Promise işleminin başarıyla tamamlandığı durum.

Promise işleminin hatayla tamamlandığı durum.

Promise başarılı olduğunda çalışacak işlemi bağlar.

Promise hatasını yakalar.

Promise başarılı veya hatalı olsa da sonunda çalışır.

Her zaman Promise döndüren ve await kullanılabilen fonksiyon.

Promise sonucunu asenkron fonksiyon içinde okunabilir biçimde bekler.

Promise callback'leri gibi yüksek öncelikli asenkron görevlerin kuyruğu.

Timer ve DOM olayları gibi makro görevlerin beklediği kuyruk.

Call stack ve görev kuyrukları arasında asenkron işlerin çalışmasını yöneten mekanizma.

O anda çalışan fonksiyon çağrılarının tutulduğu yığın.

Tamamlanana kadar main thread üzerindeki diğer işleri durduran kod.

I/O beklerken ana yürütme akışının başka işlere devam edebilmesi.

Bir fonksiyonu en az belirtilen gecikmeden sonra kuyruğa alır.

Bir fonksiyonu belirli aralıklarla tekrar kuyruğa alır.

Tarayıcıdan HTTP isteği yapmak için Promise tabanlı API.

Sayfayı tamamen yenilemeden sunucuyla veri alışverişi yaklaşımı.

JSON metnini JavaScript değerine dönüştürür.

JavaScript değerini JSON metnine dönüştürür.

Fetch gibi asenkron işlemleri iptal etmek için sinyal üretir.

Sık tetiklenen işlemi kullanıcı durduktan sonra bir kez çalıştırma tekniği.

Sık tetiklenen işlemi belirli zaman aralıklarında en fazla bir kez çalıştırma tekniği.

Tarayıcıda kalıcı string anahtar-değer verisi saklar.

Tarayıcı sekmesi açık kaldığı sürece veri saklar.

Tarayıcıda büyük ve yapılandırılmış veriler için asenkron veritabanı.

Ağ isteklerini arka planda yakalayabilen, offline ve push özellikleri sağlayan worker.

CPU ağırlıklı JavaScript'i ayrı thread üzerinde çalıştırır.

Web uygulamasına yüklenebilirlik, offline çalışma ve uygulama benzeri özellikler kazandıran yaklaşım.

PWA adı, ikonları, başlangıç URL'si ve görünüm ayarlarını tanımlayan JSON dosyası.

Kodun import/export ile dosyalar arasında bölünmesini sağlayan yapı.

Standart import ve export sözdizimini kullanan JavaScript modül sistemi.

require ve module.exports kullanan Node.js kökenli modül sistemi.

JavaScript, CSS ve asset dosyalarını dağıtım için birleştirip dönüştüren araç.

Hızlı geliştirme sunucusu ve production build aracı.

Geniş eklenti ekosistemine sahip modül paketleyici.

Modern veya farklı dil sözdizimini hedef JavaScript sürümüne dönüştürür.

JavaScript sözdizimi dönüşümleri yapan yaygın transpiler.

Kullanılmayan export'ları production paketinden çıkarma optimizasyonu.

JavaScript paketini ihtiyaç anında yüklenen daha küçük parçalara ayırma.

Minify edilmiş kodu orijinal kaynak satırlarıyla eşleştiren dosya.

Kodun davranışını koruyup gereksiz karakterleri kaldırarak boyutunu küçültme.

Sayfa geçişlerinin çoğunu istemci tarafında yapan tek sayfa uygulaması.

Her önemli rota için sunucudan yeni HTML belgesi yükleyen çok sayfalı uygulama.

HTML'in ilk olarak sunucuda oluşturulup istemciye gönderilmesi.

Sayfa içeriğinin çoğunlukla tarayıcıdaki JavaScript ile oluşturulması.

Sayfaların build sırasında statik HTML olarak üretilmesi.

Sunucudan gelen HTML'in istemci JavaScript'iyle etkileşimli hâle getirilmesi.

Arayüzün mevcut veri ve görünüm durumu.

Uygulama durumunun nerede tutulup nasıl güncelleneceğini yöneten yaklaşım.

Kendi görünüm ve davranışını kapsayan tekrar kullanılabilir arayüz parçası.

Bir component'e dışarıdan gönderilen veri ve ayarlar.

State değiştiğinde ilgili arayüzün otomatik güncellenmesi.

DOM değişikliklerini hesaplamak için bellekte kullanılan sanal ağaç yaklaşımı.

URL rotalarını istemci tarafındaki sayfa veya component'lerle eşleştirir.