Build with AI: From Zero to Your First App · Modül 6: AI ile kontrollü geliştirme · Lab
Paketli İsteği Böl
30 dk uygulamalı · Çekirdek
Yalnız tarayıcı. Paketli istek başlangıç malzemesi olarak verilir; göndermeden önce bölersin.
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
- Paketli isteği üç tek-değişiklik mesajına böler
- Bağımlılık sırasına sokar: yapı, söz, ekleme
- Her birine dosya kapsamı ve ölçüt ekler
Adım 1
Paketi al
Paket: 'Menü biçimini güncelle, doğrulama mesajlarını düzelt, fotoğraf galerisi ekle.' Her parçanın neye dokunduğunu, hangisinin hangisine dayandığını listele.
Adım 2
Üç mesajı yaz
Birinci mesaj: styles.css içinde menü satırları, 360px ölçütü. İkinci: app.js içinde doğrulama sözleri, çok-hatalı gönderim kontrolü. Üçüncü: galeri işaretlemesi artı görseller, görsel başına doğrulama. Her biri çitli 120 kelime altı.
Adım 3
Sıra nedenini yaz
Mesaj başına tek satır: neden o sırada (söz değişikliği yerleşimi yeniden bozar; galeri salt ekleme olarak sonda).
Çalıştığını nasıl doğrularsın
- Üç mesaj; her biri adlı dosyalarda tek değişiklik
- Tek satırlık nedenli bağımlılık sırası
- Her mesaj çitli ve kontrollü 120 kelime altı
- Hiçbir mesaj iki değişiklik taşımıyor
Çalışma alanı
0/2 kontrol geçiyor · Yalnız kapsam bilgisidir, kalite puanı değildir.
Taslak bu tarayıcıda saklanıyor.
İpuçları, üç aşamalı
Aşama 1: dürtme
Söz değişikliği yerleşimi bozar; biçim sözlere oturur. Varsayımını yaz, sırayı ona göre kur.
Aşama 2: yön
Galeri salt eklemedir, hep sonda. Kayan temele ekleme yeniden yapılır.
Aşama 3: cevaba yakın
Her mesajı sorarak oku: farkı birden çok dosyaya dokunabilir mi? Evetse yine böl.
Açıklamalı çözüm (dürüst denemeden sonra aç)
Çözüm. Birinci mesaj (yalnız styles.css): 360px'te menü satır fiyat hizası; metin/renk/form korunsun. İkinci (yalnız app.js): doğrulama sözleri alan/kural/örnek; değerler korunsun; çok-hatalı gönderimle kontrol. Üçüncü (index.html artı images/): üç etiketli görselli galeri; görsel görsel kontrol. Sıra: yapıyı değiştiren söz önce (değiştiriyorsa), değilse biçim, ekleme olarak galeri sonda. Üç gönderim, üç kontrol, sıfır dolanma.