🎮 Canlı Kilitlenme Testi
Aşağıdaki canlı sayaç sürekli akıyor. "3 Sn Kilitlen" butonuna basın; çarkın ve sayacın nasıl donduğunu izleyin.
Canlı Sayfa Nabzı
0
● Call Stack boş, sayaç akıyor
🔬 Arka Planda Ne Oldu? (Röntgen)
Call Stack
SERBEST
Web APIs
İŞ YOK
// Butonlardan birine basarak arka plan hareketini başlatın...
💡 Slayt 04 ve 05: Senkron kod çalışırken CPU %100 işgal edilir, ekrandaki sayaç bile durur. Asenkron kodda ise bekleme tarayıcıya paslanır, ana hat serbest kalır.
🧠 1. Modül Pekiştirme Sorusu
Senkron bir kod yürütülürken tarayıcı neden buton tıklamalarına veya sayfa kaydırmalarına yanıt veremez?
🎮 1. Adım: Veri Oku (GET İsteği)
Erzurum, Türkiye
Enlem: 39.90 • Boylam: 41.27
💨 Rüzgar: 12 km/s
-2°C
🎮 2. Adım: Sunucuya Veri Yaz (POST İsteği)
🔬 Arka Planda Ne Oldu? (Ağ Paketi)
HTTP Durumu
200 OK
Format / Süre
JSON • 120 ms
// GET veya POST butonuna basarak ağ paketini inceleyin...
💡 Slayt 08-10: Veri çekerken
res.json() asenkron metodunu bekleriz. Veri kaydederken ise method: 'POST' ve JSON.stringify() ile paketi sunucuya iletiriz (201 Created).
🧠 2. Modül Pekiştirme Sorusu
REST mimarisinde sunucuda yeni bir kayıt başarıyla oluşturulduğunda dönmesi gereken evrensel HTTP durum kodu hangisidir?
🎮 3 Kritik Deney Butonu
🌐 Deney 2: CORS İzin Başlığı
Şu an: İzin Açık (200 OK)
🔬 Arka Planda Ne Oldu? (Canlı Rapor)
Tetiklenen Kural
BEKLENİYOR
Ağ Yanıtı
HAZIR
// Soldaki deney butonlarından birine basarak canlı analizi izleyin...
💡 Slayt 12-15: 404 bir HTTP yanıtıdır,
catch'e düşmez (`!res.ok` ile yakalanır). CORS hatasını sunucu değil tarayıcı verir. AbortController ise eski istekleri çöpe atar.
🧠 3. Modül Pekiştirme Sorusu
Tarayıcıda bir adrese fetch() isteği attığınızda
404 Not Found yanıtı gelirse ne gerçekleşir?