Build with AI: From Zero to Your First App · Modül 5: Sayfayı uygulamaya dönüştürme · Lab
Sınırlı Kalıcı Sipariş Listesi
40 dk uygulamalı · Çekirdek
Yalnız tarayıcı. Fırın sipariş listesinde yükle/kaydet/sil üçlüsünü dürüst sınır satırıyla kur; hiçbir yerde hesap yok.
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
- Açılışta kayıttan girişleri boş-liste idareli çizer
- Her başarılı gönderimde kaydeder, silmede yeniden kaydeder
- Sınır satırını gösterir, bozuk kayıtlı veride zarif yaşar
Adım 1
Yükle, kaydet, sil mekanizmasını kur
Tek adı paylaşan üç işlev: açılışta yükle (eksik anahtar boş liste demek), doğrulanan gönderimde ekle artı kaydet, silmede çıkar artı yeniden kaydet. Her değişiklikten sonra listeyi çiz.
Adım 2
Yeniden yükle ve boz
Gün ortası yeniden yükle, siparişlerin durduğunu doğrula. Sonra kayıtlı metni bir kez boz (düzenle ya da temizle), yeniden yükle: sayfa çökmek yerine notlu boş liste göstermeli.
Adım 3
Silmeyi ilk günden ekle
Her girişe silme denetimi koy; tek tek siler, yeniden kaydeder. Yanlış girişin tüm listeyi temizlemeden kaldırıldığını doğrula.
Çalıştığını nasıl doğrularsın
- Açılışta yükleme, değişiklikte kaydetme, yeniden kaydetmeli silme çalışıyor
- Sınır satırı liste yanında görünür
- Yeniden yükleme kalıcılığı doğrulandı
- Bozuk veri yüklemesi notlu zarif, kaydedilmiş
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
Eksik anahtar normaldir (ilk ziyaret), hata değil. Boş liste, mesaj gerekmez.
Aşama 2: yön
Çözülemeyen kayıtlı metin notlu boş liste demektir. Yanlış şekilli girişler atlanır, asla çökmez.
Aşama 3: cevaba yakın
Silme ek hedef değil. Silmesiz listeler ilk yanlışta çürür.
Açıklamalı çözüm (dürüst denemeden sonra aç)
Çözüm. Yükleme anahtarı okur ya da boş başlar; gönderim doğrular, ekler, kaydeder, yeniden çizer; silme çıkarır, yeniden kaydeder. Sınır satırı: 'Bu tarayıcıda, bu cihazda saklanır.' Bozuk veri testi: kayıt çöpe çevrildi, yeniden yükleme notlu boş liste gösterdi. Yanlış giriş tek tek silindi, gerisi yerinde.