Web hata ayıklama görevleri
Bozuk sayfalar, kaymış düzenler, çalışmayan betikler ve hatalı istekler içeren kısa görevlerde nedeni geliştirici araçlarıyla bulup kalıcı çözüm uygularsın.
Seviye 201 · 15 ders · 12 pratik lab
Dersler
HTML ve CSS
- Stiller yüklenmiyor
- Taşan düzen
- Görünmeyen düğme
- Gönderilmeyen form
- Kısa görev: tek sayfada üç düzen hatası
JavaScript
- undefined hatasının kaynağı
- İki kez çalışan olay
- Sırası karışan yanıtlar
- Kaybolan kayıtlı veriler
- Kısa görev: hesap makinesinin dört hatası
Ağ ve sunucu
- CORS hatası
- Karışık içerik uyarısı
- Yönlendirme döngüsü
- Eski sürümü gösteren sayfa
- Bitirme görevi: yayına giremeyen kampanya sayfası
Pratik lablar
- Stil dosyası neden yüklenmiyor bul: Stilsiz açılan bir dükkân sitesinde ağ panelinden yanlış yol ve MIME türü sorununu bulup düzelt.
- Taşan fiyat tablosunu hizaya getir: Telefonda yatay kaydırma yaratan fiyat tablosunun taşmasını bulup sayfayı bozmadan düzelt.
- Tıklanmayan butonun üstündekini bul: Görünen ama tıklanamayan "Öde" butonunu kapatan şeffaf katmanı z-index ve pointer-events inceleyerek bul.
- undefined hatasını kaynağına kadar izle: Konsolda "Cannot read properties of undefined" veren bir profil sayfasında hatanın kaynağını kesme noktalarıyla bul.
- İki kez gönderilen formu düzelt: Kayıt butonuna basınca iki istek giden formda iki kez bağlanmış dinleyiciyi bulup düzelt.
- Sırası karışan arama sonuçlarını düzelt: Hızlı yazınca eski sonuçların yenilerin üstüne yazıldığı arama kutusunu istek kimliği ya da iptalle düzelt.
- Kaybolan taslağın nedenini bul: Sekme kapanınca kaybolan yazı taslağının yanlış depolamaya yazıldığını depolama panelinden tespit et.
- Bir gün kayan randevu tarihini düzelt: Bazı kullanıcılarda bir gün öncesini gösteren randevu tarihinin saat dilimi kaynaklı hatasını bulup düzelt.
- Yalnızca canlıda çıkan hatayı yeniden üret: Küçültülmüş canlı derlemede çıkan ama geliştirmede görünmeyen bir hatayı kaynak haritası ve kayıtlarla yeniden üret.
- Karışık içerik uyarısını gider: HTTPS sayfasında http ile yüklenen görsel ve betikleri bulup güvenli adreslere geçir.
- www ve HTTPS yönlendirme döngüsünü kır: www ve HTTPS kuralları çakıştığı için sonsuz yönlendirmeye giren siteyi curl ile izleyip kuralı düzelt.
- Eski sürümü gösteren sayfayı çöz: Yayından sonra bazı kullanıcılara eski sürümü gösteren sayfada önbellek başlıklarını ve dosya adlarını inceleyip kalıcı çözüm uygula.
Kurs hakkında
Bozuk sayfalar, kaymış düzenler, çalışmayan betikler ve hatalı istekler içeren kısa görevlerde nedeni geliştirici araçlarıyla bulup kalıcı çözüm uygularsın.
Ne öğreneceksin
- HTML ve CSS
- JavaScript
- Ağ ve sunucu
Ön koşullar
Aynı yolun 101 düzeyindeki kurslarını bitirmiş olmak ya da o konuları biliyor olmak yeterlidir.
Lab ortamı
Dersler, tarayıcında açılan sana özel bir Kali Linux masaüstünde geçer; araçlar pencereli arayüzleriyle hazırdır. Kurulum gerekmez, bilgisayar ekranı önerilir.
Sık sorulan sorular
- Bu kurs benim düzeyime uygun mu?
- Kurs 201 düzeyindedir; daha düşük düzeydeki kursların konularını bildiğin varsayılır.
- Kurulum gerekir mi?
- Hayır. Her ders tarayıcında açılan sana özel bir lab ortamında geçer.
- Dersler nasıl işleniyor?
- Her ders 8 ile 10 adımdan ve bir kısa sınavdan oluşur. İlk adımlarda yazman gereken komut gösterilir, sonraki adımlarda yardım azalır; iki denemede takılırsan çözüm açılır.
- Ücretsiz deneyebilir miyim?
- Evet. Her kursun ilk üç dersi ücretsizdir.