Build with AI: From Zero to Your First App · Modül 4: AI ile ilk web sayfan
Kod Aracina Baglamli Brif Vermek
Kod asistani, eline verdigin baglam kadar iyidir. Bu ders duzenlemenin ilk denemede dogru dosyaya dustugu devir mesajini gosterir.
10 dk okuma
Kazanımlar
- Duzenleme istemeden once kod aracina proje baglami verir
- Guncel dosyalari, amaci ve sinirlari tek devir mesajinda listeler
- Dar dosya kapsamli tek degisiklik ister
- Donen duzenlemeyi guvenerek degil farki okuyarak kontrol eder
Neden onemli
Kod asistanlari dosyalarini gorur ama niyetini bilmez. Bes dosya acikken "menuyu duzelt" demek, duzenlemeyi makul gorunen dosyaya dusurur. Uc satirlik devir mesaji (proje ne, hangi dosyalar onemli, istenen tek degisiklik ne) araci sohbetteki brif gibi nisanlar. M04 ile M07 arasi her duzenleme bu kalibi kullanir.
Kavramlar
Devir dort bolmelidir: proje (README ilk satirin), dosyalar (onemli adlar, taze yapistirilmis), degisiklik (M02L8 kabul olcutlu tek degisiklik) ve cit (el degmemesi gereken). Ornek: "Mahalle firini tek sayfa site (index, styles, app). Dosyalar: index.html menu bolumu, styles.css menu kurallari. Degisiklik: yemek adlari telefon genisliginde aciklamalardan buyuk. Cit: tum metin, renkler ve formu koru."
Tek degisiklik, dar kapsam. "Menuyu bicimle" degisikliktir; "menuyu bicimle, formu iyilestir, fotograf ekle" tek mesaja binmis uc istektir. Dar kapsam dosyayi adlandirmak demektir: "yalniz styles.css icinde" her zaman "projenin bir yerinde" yener. Duzenleme donunce kabulden once neyin degistigini oku: hangi dosya, hangi satirlar, olcute uyuyor mu? Koru korune kabul, M01L1 guven hatasinin editor halidir.
Baglam eskir. Yeniden adlandirma ya da buyuk duzenleme sonrasi dosya listesini yeniden yapistir. Dunun adlariyla calisan arac dunun dosyalarini duzenler. M06L23 devir isini yeniden kullanilabilir proje ozetine cevirecek; simdilik liste her degistiginde taze yapistir.
Uygulamali ornek
Kotu devir: "Menu garip duruyor, duzelt." Arac yanlis dosyayi bicimler, HTML'de olmayan sinifi yeniden adlandirir; menu ayni kalir, baska bir sey kayar. Iyi devir: proje satiri, iki dosya adi, olcutlu tek degisiklik ("yemek adlari aciklamalardan buyuk, fiyatlar 360px'te saga hizali"), cit ("metin, renk, form korunsun"). Duzenleme yalniz styles.css dosyasina dokunur; 360px'te otuz saniyede dogrularsin, bitti.
Beklenen sonuc: sonraki gercek duzenlemene 120 kelime alti, dort bolmeli devir mesaji.
Sik yapilan yanlis
Yapistir-ve-umu: tum projeyi araca dokup "daha iyi yap" demek ve sonucu okumadan kabul etmek. Buyuk yapistirmalar kimsenin incelemedigi buyuk farklar uretir; calisan formlar bicim seanslarinda boyle olur.
Lab ve sonraki adim
Lab A10 araca firin sayfasi iskeleti icin brif verir, duzenlemeyi okuyarak dogrular. Sirada 14. ders var: insa sirasi; once yapi, sonra metin, bicim ve davranis; her biri sonrakinden once kontrollu.
Mini kontrol
4 soruluk isteğe bağlı öz kontrol. Yanıtlar cihazından çıkmaz, saklanmaz ve hiçbir değerlendirmeye sayılmaz.
Ders geri bildirimi
Henüz yayında geri bildirim yok.
Geri bildirim yazmak için giriş yap ve dersi tamamla.
Alıştırma
Projendeki bir gercek duzenleme icin devir mesajini yaz: proje satiri, dosya adlari, olcutlu tek degisiklik, cit. 120 kelimeyi gecmesin.
Geçme kriterleri
Dort bolme tamam (proje, dosya, olcutlu degisiklik, cit); yalniz tek degisiklik ve adli dosya; 120 kelime alti; olcut bir dakikada kontrol edilir.