Katman 3
Web Sistemleri • Katman 3

JavaScript Nerede
Çalışıyor?

Katman 3, dili çalıştıran ortamı hedefler: tarayıcı süreçleri, HTTP, DOM'un ekrana uzanan yolu, olay modeli ve ağ katmanı. Burayı netleştirince; async, framework'ler ve gerçek dünya hataları çok daha okunur hale gelir.

Öğrenmeye Başla Üretim hattını gör
5
Web Konusu
Katman 3
Seviye
HTTP
Ortak Dil
DOM
Köprü

Üretim hattı

İstekten piksele

Katman 1 dil kurallarını, Katman 2 düzen fikirlerini taşıdıysan burada soru şu: ağ ve tarayıcı bu işi sırayla nasıl teslim alır? Her adım bir derse gider; sıra öğrenme önerisidir.

01 Süreç & sekmeler Tarayıcı 02 İstek / yanıt HTTP · TLS 03 Ağaç → düzen → boya Render 04 Olay modeli Events 05 Ağ üstünden veri Fetch

Bağlam

Dilden eve: Host ve Ağ

Aynı JavaScript söz dizimi, motorun dışında bir dünya yokmuş gibi hissettirmez: önce kaynaklar gelir, sonra ağaç ve stiller hesaplanır, en sonda senin kodun bu düzenle konuşmaya başlar.

  • Dil · L1 İfadelerin anlamı, kapsam ve akış kuralları; “bu satır ne der?” sorusunun cevabı.
  • Düzen · L2 Modüller, zaman (asenkron) ve okunabilirlik; “bu kod nerede yaşar, kiminle konuşur?” sorusunun cevabı.
  • Ortam · L3 Sekme ve süreç, HTTP, DOM yaşam döngüsü, olay yayılımı ve fetch; “tarayıcı ve ağ bunu nasıl teslim alır?” sorusunun cevabı.

Bu üç katman birbirinin yerine geçmez: üstteki netleşmeden sonra alttaki “hayır, olmuyor” anları çok daha hızlı çözülür.

Katman 1 — Temel Katman 2 — Derinlik

Konu kartları

Derinlik ve pratik çerçeve

Üstteki üretim hattı sırayı tek cümlede hatırlatır; buradaki sayfalar aynı başlıklarda soyutlama, tuzak ve araç üçlüsünü açar. Okurken hedefin: “bu davranışı hangi katman açıklıyor?” sorusuna tek bir net cevap verebilmek.

Sıra hâlâ önemli — atlama zorunluluğu değil, eksik zihin modeli riski.

Tarayıcı nasıl çalışır?

Odak: kum havuzu, yetki sınırı ve ana iş parçacığı.

Kodunun neden doğrudan diske veya ağ kartına değil, önce host politikası ve UI iş parçacığı üzerinden geçtiğini görürsün. Sekme ve süreç kelimeleri burada “kim kiminle konuşuyor?” sorusuna bağlanır.

HTTP / HTTPS

Odak: kaynak kimliği, başlık sözleşmesi ve durum kodu okuması.

İstek gövdesi ile meta bilgiyi ayırır; TLS’in güvenceye nerede dokunduğunu netleştirirsin. Ağ sekmesinde gördüğün her satır için “bu başlık hangi kararı zorunlu kılıyor?” diye sormayı alışkanlık haline getirirsin — API çağrısı yazmadan önce bile.

DOM rendering pipeline

Odak: hangi değişiklik düzeni, hangisi yalnızca boyayı tetikler?

Ağaç ve stiller üretildikten sonra motorun invalidasyon ve bileşikleştirme kararlarını ayırırsın. “Yeniden çizim yavaş” şikâyetini tek cümlede açıklayacak bir iskelet kurarsın; piksel takibinden önce soyutlama sırasını doğru kurmak buranın işi.

Event system

Odak: yayılım aşamaları ile kuyruk ve öncelik hissi.

Dinleyicileri yazmayı bırakıp hangi aşamada kimin devreye girdiğini okursun. Kullanıcı girdisi, zamanlayıcılar ve tarayıcı içi işlerin aynı “sözleşme” altında nasıl sıraya girdiğini görünce, UI’daki gecikme ve “neden iki kez çalıştı?” türü hatalar daha erken ayıklanır.

Fetch / network

Odak: CORS, kimlik bilgisi politikası ve gövde/stream davranışı.

Ağdan veri çekerken tarayıcının eklediği kurallar ile sunucunun verdiği yanıtı birlikte okursun. Önbellek, ön uç hataları ve ağ üstü güvenlik aynı tabloda değerlendirilir; Katman 2’deki asenkron disiplin burada somut HTTP kararlarına döner.

Yol özeti

Katman 3 · Web Sistem perspektifi

Konu kartlarını bitirdikten sonra bu üç cümle, neyi taşıdığını ve bir sonraki büyük dallanmanın nerede başlayacağını hatırlatır.

Katman 3 Çalışma Zamanı

Ortamı Modelle

Katman 3, JavaScript'i bir “dil” olarak değil; bir çalışma ortamı sözleşmesi içinde ele alır. Tarayıcı süreçleri, ağ ve DOM birbirine bağlandığında, üst katmandaki framework'lerin neden var olduğu daha az sihirli görünür.

Güvenlik ve Sınırlar

Web'in dayandığı güven modeli (kök kaynak, HTTPS, tarayıcı korumaları) JS'in gücünü ve sınırlarını aynı anda belirler. Bu başlıkları erken öğrenmek, ileride karşılaşacağın “neden olmuyor?” sorularını hızlı kapatır.

Katman 4'e Köprü

Bir sonraki büyük adım Katman 4: uygulama alanları ve uzmanlaşma (ör. 3D, framework'ler, backend). Bu katman şimdilik yer tutucu olarak duracak; içerik genişledikçe buraya bağlanacak.

Katman 4: Uygulama Alanları (Yakında)

Katman 3'ü tamamladığında, web üzerinde gerçek ürünlerin parçalarını (ör. 3D sahneler, framework mimarileri, backend entegrasyonları) seçerek derinleşmek için Katman 4 devreye girecek.

Bu katman bilinçli olarak “dallanma” katmanıdır: herkes aynı yolu izlemez; ama Katman 0–3 ortak zemini paylaşır.

Uzmanlaşma Yolları
Framework Dünyası
Holodepth / ByteOmi
Profesyonel Üretim