0Pricing
Frontend Academy · Ders

Tarayıcılar, DNS ve HTTP: İstek Yaşam Döngüsü

Bir URL'yi adres çubuğundan DNS çözümlemesine, TCP bağlantısına, HTTP isteğine ve sunucu yanıtının tarayıcıya dönmesine kadar izleyin.

Tarayıcılar, DNS ve HTTP: İstek Yaşam Döngüsü, CoddyKit'te ücretsiz bir Frontend Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Frontend Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Frontend Academy kursu toplamda 4 dersten oluşur.

URL Yazdığınızda Ne Olur?

Bir web sitesini her ziyaret ettiğinizde tarayıcınız, titizlikle tanımlanmış bir dizi adımı başlatır. Bu diziyi anlamanız sizi daha iyi bir geliştirici yapar — işlerin nerede ters gidebileceğini ve onları nasıl hızlandırabileceğinizi bilirsiniz.

1. Adım — DNS Çözümlemesi

DNS (Alan Adı Sistemi) internetin telefon rehberidir. Tarayıcınız bir DNS çözümleyicisine şu soruyu sorar: "example.com'un arkasındaki IP adresi nedir?" Çözümleyici önbellekleri kontrol eder ve gerekirse yetkili ad sunucularına sorgu gönderir.

# DNS lookup chain
# Browser cache → OS cache → Router cache → ISP resolver → Root NS → TLD NS → Authoritative NS

2. Adım — TCP El Sıkışması

IP bilindikten sonra tarayıcı, üç aşamalı el sıkışmayı kullanarak bir TCP bağlantısı açar: SYN → SYN-ACK → ACK. HTTPS için bunun ardından şifrelemeyi görüştüğü bir TLS el sıkışması gerçekleşir.

3. Adım — HTTP İsteği

Tarayıcı, TCP bağlantısı üzerinden bir HTTP isteği gönderir. Bu istekte bir yöntem (GET, POST…), yol (/index.html), HTTP sürümü ve Ana Makine ile Kabul gibi üstbilgiler bulunur.

GET /index.html HTTP/1.1
Host: example.com
Accept: text/html
User-Agent: Mozilla/5.0

4. Adım — HTTP Yanıtı

Sunucu isteği işler ve bir yanıt gönderir: bir durum kodu (200 OK, 404 Bulunamadı…), yanıt üstbilgileri (İçerik Türü, Önbellek Denetimi) ve gövde (HTML, JSON, görüntü baytları).

HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Length: 1234

<!DOCTYPE html>...

HTTP/1.1 ve HTTP/2 ve HTTP/3

HTTP/1.1 her bağlantıda tek bir istek gönderir. HTTP/2, tek bir bağlantı üzerinden çok sayıda isteği eşzamanlı olarak taşır. HTTP/3, özellikle paket kayıplı mobil ağlarda daha düşük gecikme sağlamak için QUIC'i (UDP tabanlı) kullanır.

Bilmeniz Gereken Durum Kodları

2xx = başarı (200 OK, 201 Oluşturuldu). 3xx = yönlendirme (301 Kalıcı Olarak Taşındı, 304 Değiştirilmedi). 4xx = istemci hatası (400, 401, 403, 404). 5xx = sunucu hatası (500, 502, 503).

HTTPS ve TLS

HTTPS, HTTP'yi TLS (Taşıma Katmanı Güvenliği) ile kapsüller. TLS; trafiğin okunamamasını sağlayan şifreleme, sertifikalar aracılığıyla kimlik doğrulama (gerçekten example.com ile iletişim kurduğunuzdan emin olursunuz) ve verilerin değiştirilmemesini sağlayan bütünlük sunar.

Önbellekleme: Tekrarlanan Ziyaretleri Hızlandırma

Yanıtlar, tarayıcının önbelleğe alınmış kopyayı bir gün boyunca yeniden kullanmasını sağlayan Cache-Control: max-age=86400 bilgisini içerebilir. ETag ve Last-Modified üstbilgileri, tarayıcının önbelleğe alınmış sürümün hâlâ güncel olup olmadığını doğrulamasını sağlar.

Cache-Control: max-age=86400, immutable
ETag: "abc123"
Last-Modified: Wed, 01 Jan 2025 00:00:00 GMT

Çerezler ve Oturumlar

Sunucular, Set-Cookie üstbilgisiyle çerezler ayarlar. Tarayıcı, aynı alan adına gönderdiği her istekle bunları otomatik olarak geri gönderir. Oturumlar genellikle, sunucunun kullanıcı verileriyle eşleştirdiği bir oturum ID'si içeren çerezlerdir.

CDN — İçerik Dağıtım Ağları

Bir CDN, varlıklarınızın kopyalarını dünya genelindeki veri merkezlerinde depolar. Kullanıcılar en yakın düğümden indirme yaparak gecikmeyi azaltır. Cloudflare, Fastly ve AWS CloudFront, çoğu büyük web sitesi tarafından kullanılan popüler CDN'lerdir.

Hızlı Kontrol

Bir web sayfasını sunucudan istemek için hangi HTTP yöntemi kullanılır?

Özet: İsteğin Tam Yaşam Döngüsü

URL girilir → DNS, alan adını IP'ye çözümler → TCP (+ TLS) bağlantısı kurulur → Tarayıcı HTTP isteği gönderir → Sunucu durum + üstbilgiler + gövde içeren yanıtı gönderir → Tarayıcı yanıtı görüntüler. Her adım, DevTools'un Ağ panelinde gözlemlenebilir.

Sıkça Sorulan Sorular

“Tarayıcılar, DNS ve HTTP: İstek Yaşam Döngüsü” dersi ücretsiz mi?

Evet — “Tarayıcılar, DNS ve HTTP: İstek Yaşam Döngüsü” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Frontend Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Frontend Academy kursu toplamda 4 dersten oluşur.

“Tarayıcılar, DNS ve HTTP: İstek Yaşam Döngüsü” dersinde ne öğreneceğim?

Bir URL'yi adres çubuğundan DNS çözümlemesine, TCP bağlantısına, HTTP isteğine ve sunucu yanıtının tarayıcıya dönmesine kadar izleyin. Frontend Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Frontend Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Frontend Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Tarayıcılar, DNS ve HTTP: İstek Yaşam Döngüsü” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Frontend Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Frontend Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Tarayıcılar, DNS ve HTTP: İstek Yaşam Döngüsü
  2. HTML, CSS ve JavaScript: Her Katmanın Görevi
  3. Bir Sayfa Nasıl Görüntülenir: DOM, CSSOM, Yerleşim, Boyama
  4. Geliştirici Araçları: DevTools'u Açma ve Kullanma
← Frontend Academy Sayfasına Dön