Build with AI: From Zero to Your First App · Modül 3: İnternet ve dosyalar · Lab
Dağınık Klasör Sayımı
25 dk uygulamalı · Çekirdek
Yalnız tarayıcı. Hiçbir yerde hesap yok; dosya adlarını kağıt üstünde yeniden düzenleme tablosuyla toparlarsın.
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
- Araç açmadan dağınık sekiz dosyalı projeyi sayar
- Standart beşli şekle yeniden yazar
- Her yeniden adlandırmayı kural gerekçeli açıklar
Adım 1
Dağınıklığı say
Klasörde şunlar var: index.html, index-new.html, style.css, style2.css, stuff.js, IMG_2041.jpg, notes.txt, notes-old.txt. Her dosyaya ne iş yaptığı ve adının nesi yanlış diye yaz.
Adım 2
Yeniden adlandırma tablosu
Her dosyaya eski ad, yeni ad ve neden yaz: kopyaları birleştir ya da sil, küçük harf tireli adlar, içeriği söyleyen adlar, görseller klasörü, notlardan README.
Adım 3
AI bağlamını yaz
Yeni sohbete yapıştıracağın tek paragraflık proje özetini yalnız yeni adlarla yaz (dosyalar, amaç, bitmemiş ne).
Çalıştığını nasıl doğrularsın
- Her dosya eski, yeni ve kural gerekçeli kapsanmış
- Yeni listede sürüm kelimesi ve kopya kalmamış
- Görseller içerik adlı images/ altında
- Yeni sohbet özeti yalnız yeni adları kullanıyor, bitmemişi söylü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
İki index dosyası bir ölü kopya demektir. Sayfa index.html dosyasını yüklüyor; index-new.html silinir ya da birleşir, ikisi birden tutulmaz.
Aşama 2: yön
stuff.js hiçbir şey söylemez. Form davranışı taşıyorsa app.js söyler. IMG_2041.jpg images/menu-board.jpg olur.
Aşama 3: cevaba yakın
notes.txt README.md olur; ilk satır projenin ne olduğunu söyler. notes-old.txt gider.
Açıklamalı çözüm (dürüst denemeden sonra aç)
Çözüm. index.html kalır. index-new.html içindeki yaşayan metin kopyalanıp silinir ya da birleşir. style.css kalır (kurs uzlaşımıyla styles.css olur), style2.css silinir (bağlantısız deneme). stuff.js app.js olur. IMG_2041.jpg images/menu-board.jpg yoluna taşınır. Notlar README.md içinde birleşir; ilk satır 'Mahalle fırını tek sayfa site: menü, saatler, telefon sipariş formu.' notes-old.txt silinir. Son liste: index.html, styles.css, app.js, images/menu-board.jpg, README.md. Yeni sohbet özeti: 'Index, styles, app, bir görsel ve README içeren mahalle fırını tek sayfa sitesi. Bitmemiş: sipariş onay yankısı.'