Build with AI: From Zero to Your First App · Modül 5: Sayfayı uygulamaya dönüştürme · Lab
Değerleri Koruyan Alan Bazlı Doğrulama
35 dk uygulamalı · Çekirdek
Yalnız tarayıcı. Uyarıp-temizleyen form başlangıç malzemesi olarak verilir; değerleri koruyan alan bazlı mesajlara çevir.
Bu labın üç yolu var. A: aşağıdaki tarayıcı adımları, ana yol, hesapsız ücretsiz. B: aynı görevi varsa kendi AI aracınla denemek (aracın koşul ve kotaları geçerli). C: verilen malzeme ve aşağıdaki açıklamalı çözümle çalışmak, aynı beceriyi öğretir. Hiçbir yol, canlı AI aracı kullanmamışa kullanmış gibi göstermez.
Hedefler
- Tek uyarıyı alan/kural/örnek kalıplı alan mesajlarıyla değiştirir
- Tek gönderimden sonra tüm mesajları gösterir
- Başarısız gönderimde girilen her değeri korur
Adım 1
Kötü davranışı kaydet
Başlangıcı boş ad ve geçmiş teslim saatiyle gönder. Ne olduğunu kaydet: tek uyarı, silinen değerler, adlandırılmayan alan.
Adım 2
Alan mesajlarını yaz
Her alanın altına alan/kural/örnek kalıplı mesaj satırı ekle. Ad: 'Adın eksik: sesleneceğimiz adı yaz.' Saat: 'Teslim saati geçti: Cuma 10:00 ya da sonrasını seç.' Hatalıda tüm değerleri koru.
Adım 3
Üç hatayla birden gönder
Boş ad, geçmiş saat ve boş ürünle birlikte gönder. Tüm mesajların birden çıktığını, yazılan her değerin yaşadığını doğrula.
Çalıştığını nasıl doğrularsın
- Her alanın altında alan/kural/örnek kalıplı mesajlar
- Çok hatalı gönderim tüm mesajları birden gösteriyor
- Başarısız gönderimden sonra girilenler korunmuş
- Akışta uyarı penceresi kalmamış
Deneme alanı
0/3 kontrol geçiyor · Yalnız kapsam bilgisidir, kalite puanı değildir.
Başlangıç projesi aşağıda hazır yüklü. Düzenle, Çalıştır ile önizle, Sonucu kontrol et ile davranış kontrollerini işlet. Kayıt gerekmez; taslağın bu tarayıcıda kalır.
En fazla 10 dosya, yalnız .html/.css/.js, her biri 100 KB. Başarısız içe aktarma taslağına dokunmaz.
Taslak bu tarayıcıda saklanıyor.
İpuçları, üç aşamalı
Aşama 1: dürtme
Alan başına bir mesaj, alanın yanında. Ziyaretçi her şeyi tek tekrarda düzeltir.
Aşama 2: yön
Değerleri korumak ziyaretcinin en hissettiği özelliktir. Hatalıda temiz form çizme.
Aşama 3: cevaba yakın
Uyarı durumu ekle: 20 ve üstü ekmek telefon-onay notuyla serbest; hata ve uyarı ayrımını çalıştır.
Açıklamalı çözüm (dürüst denemeden sonra aç)
Çözüm. Mesajlar: ad satırı, saat satırı, ürün satırı; her biri alan/kural/örnek. Üç hatalı gönderim üç satırı birden gösterir; değerler yerinde; düzeltmelerle tekrar başarır. 20 ve üstü ekmeğe uyarı eklendi: telefon-onay notuyla serbest.