Ön yüz proje atölyesi
Gerçek gereksinimlerden yola çıkarak veri panosu, kanban tahtası ve çevrimdışı saha formu gibi küçük uygulamaları planlar, yazar, sınar ve yayınlarsın.
Seviye 301 · 15 ders · 12 pratik lab
Dersler
Proje 1: veri panosu
- Gereksinimler ve arayüz taslağı
- Veriyi çekmek ve göstermek
- SVG ile basit grafikler
- Süzgeçler ve adreste durum
- Kısa görev: panoyu erişilebilir ve hızlı yap
Proje 2: kanban tahtası
- Veri modeli ve bileşenler
- Sürükle-bırak ve klavye alternatifi
- Yerel kalıcılık ve geri alma
- Testlerle korumak
- Kısa görev: tahtayı sunucuyla eşitle
Proje 3: saha formu
- Çevrimdışı çalışan form
- Bağlantı gelince gönderen kuyruk
- Doğrulama ve erişilebilirlik
- Derlemek ve yayınlamak
- Bitirme görevi: kendi seçtiğin bir ihtiyaç için uygulama
Pratik lablar
- SVG ile haftalık satış grafiği çiz: Bir kafenin haftalık satışlarını kütüphane kullanmadan SVG çubuk grafiğine dök.
- Pano filtrelerini adres çubuğunda tut: Bir satış panosunun tarih ve şehir filtrelerini URL'de tutup paylaşılan bağlantının aynı görünümü açmasını sağla.
- Grafiğe erişilebilir veri görünümü ekle: SVG grafiğe ekran okuyucu için başlık, açıklama ve geçiş yapılabilen bir tablo görünümü ekle.
- Görev kartı bileşenini ayır: Kopyala yapıştırla çoğalmış görev kartı kodunu veri modeli alan tek bir bileşene dönüştür.
- Panoya geri alma ekle: Panodaki taşıma ve silme işlemlerini geri alınabilir yapan bir işlem geçmişi ekle.
- Pano mantığını testlerle koru: Taşıma ve geri alma mantığına testler yazıp ardından kodu davranışı bozmadan yeniden düzenle.
- Bağlantı durumunu canlı göster: Saha formunun üstüne çevrimiçi ve çevrimdışı durumunu canlı gösteren bir şerit ekle.
- Gönderilemeyen formları kuyruğa al: Bağlantı yokken gönderilen denetim formlarını kuyrukta tutup bağlantı gelince sırayla gönder.
- Kuyruktan çift gönderimi önle: Bağlantı gidip gelirken aynı formun iki kez gönderilmesini istemci kimliği ve sunucu kontrolüyle önle.
- Ön yüz projesini derleyip yayınla: Bir ön yüz projesinin üretim derlemesini alıp çıktıyı lab sunucusunda yayınla.
- Yayın öncesi kontrol listesini uygula: Erişilebilirlik, performans ve kırık bağlantı kontrollerinden oluşan bir listeyi uygulayıp bulunan sorunları kapat.
- Bozuk yayını tek komutla geri al: Sürümlü klasörlerle yayın yapıp hatalı bir sürümü tek komutla önceki sürüme döndür.
Kurs hakkında
Gerçek gereksinimlerden yola çıkarak veri panosu, kanban tahtası ve çevrimdışı saha formu gibi küçük uygulamaları planlar, yazar, sınar ve yayınlarsın.
Ne öğreneceksin
- Proje 1: veri panosu
- Proje 2: kanban tahtası
- Proje 3: saha formu
Ön koşullar
Aynı yolun 101 ve 201 düzeyindeki konularına hâkim olmalısın.
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 301 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.