Yapay zekâ ile ilk işe yarar uygulamanı yap

Adım 1: Problemi kendi cümlelerinle anlat

Alışverişi neredeyse herkes yapar, bu da onu mükemmel bir ilk proje yapar. Bir alışveriş listesinin çalışıp çalışmadığını anlamak için programlamadan anlaman gerekmez: ekmek, süt ve yumurta yazarsın, toplamı görürsün ve aldıkça işaretlersin. Sonuç, bu hafta gerçekten kullanabileceğin bir şeydir.

Herhangi bir yapay zekâ aracını açmadan önce bu üç cümleyi kâğıda ya da bir nota tamamla. Bu, tüm kitaptaki en önemli programlama becerisidir: bir isteği somut kurallara dönüştürmek.

1. Kaydetmem gereken şey… (örneğin: her ürün, kaç tane lazım olduğu ve bir tanesinin fiyatı).
2. Programın hesaplamasını istediğim şey… (örneğin: her satırın tutarı ve tüm alışverişin toplamı).
3. Programın çalıştığını şundan anlayacağım… (örneğin: 25'ten iki ürün 50 gösteriyor ve bir ürünü işaretlemek toplamı değiştirmiyor).

Adım 2: İlk küçük sürümü oluştur

İlk sürüm, web tarayıcında açılan tek bir dosyadır. Kurulacak bir programlama ortamı yok, sunucu yok, giriş yapmak yok. Aşağıdaki prompt'u yapay zekâ asistanına (Claude, ChatGPT veya benzeri) olduğu gibi kopyala.

İlk basit uygulamamı yapmama yardım et. Tamamen yeni başlayan biriyim.

Web tarayıcımda açabileceğim, alisveris.html adında tek bir dosyada bir alışveriş listesi oluştur. Tüm stilleri ve tüm JavaScript'i harici kütüphane kullanmadan bu tek dosyanın içine koy.

Ürün adını, miktarı ve bir tanesinin fiyatını girmek istiyorum. Bir düğme ürünü listeye eklesin. Her satırın tutarını ve en altta tüm alışverişin toplamını göster. Bir ürünü silebileyim ve alındı olarak işaretleyebileyim. Bir ürünü alındı olarak işaretlemek toplamı değiştirmemeli.

Boş adı, geçersiz sayıları, negatif fiyatı ve sıfır ya da daha az miktarı reddet. Fiyatta hem ondalık virgülü hem de ondalık noktayı kabul et.

Önce planı kısaca açıkla. Sonra kodun tamamını ve dosyayı kaydedip açmak için tam adımları yaz. Şimdilik başka hiçbir özellik ekleme.

1. Kodu kopyala. Kodun tamamını, ilk satırından son satırına kadar almak için yapay zekânın cevabındaki kopyalama düğmesini kullan.
2. alisveris.html olarak kaydet. Düz bir metin düzenleyici aç (Windows'ta Notepad, Mac'te düz metin modunda TextEdit), kodu yapıştır ve alisveris.html olarak kaydet. Dosya türü olarak 'Metin belgesi'ni değil, 'Tüm dosyalar'ı seç.
3. Tarayıcıda aç. Dosyaya çift tıkla ya da bir tarayıcı penceresine sürükle. Kodla dolu bir sayfa değil, alışveriş listeni görmelisin.

Adım 3: Sadece güzel bir resim olmadığını kontrol et

Doğru görünen bir uygulama, çalışan bir uygulamayla aynı şey değildir. Bu tabloyu satır satır geç ve gördüğünü doğru sonuçla karşılaştır. Bu senin ilk gerçek testin.

Herhangi bir satır başarısız olursa, kodu şimdilik elle düzeltme. Yapay zekâya tam olarak hangi satırın başarısız olduğunu, ne girdiğini ve bunun yerine ne gördüğünü söyle ve sadece o sorunu düzeltmesini iste.

Adım 4: Bir değişikliği kendin yap

Şimdi ilk değişikliğini, yapay zekâ senin yerine yazmadan yap. Yapay zekâya sor: 'Kodumda uygulamanın başlığı nerede?' Sana aşağı yukarı şöyle görünen bir satırı gösterecek: <h1>Alışveriş listesi</h1>.

1. Başlığı bul. alisveris.html dosyasını metin düzenleyicinde aç ve yapay zekânın gösterdiği satırı bul.
2. Metni değiştir. <h1> ile </h1> arasındaki kelimeleri kendi başlığınla değiştir, örneğin 'Cumartesi alışverişi'. Köşeli ayraçları silme.
3. Kaydet ve yenile. Dosyayı kaydet, tarayıcıya dön ve sayfayı yenile. Yeni başlığın görünmeli.

Sonra yapay zekâdan, kendi kodunu örnek olarak kullanarak dosyanı üç bölümde açıklamasını iste. Her web uygulamasının aynı üç katmandan oluştuğunu göreceksin:

Adım 5: Uygulamaya yeni bir beceri öğret

Gerçek programlar küçük adımlarla büyür. Tek bir yeni özellik ekle, sonra yeniden test et. Aynı konuşmada yapay zekâya şu devam mesajını gönder:

Alışveriş listeme bir bütçe ekle. Harcamak istediğim tutarı yazabileyim. Ne kadar kaldığını göster. Toplam bütçeyi aşarsa, ne kadar aştığımı gösteren açık bir uyarı göster. Diğer her şey tam olarak eskisi gibi çalışmaya devam etsin ve bana güncellenmiş dosyanın tamamını göster.

Artık gerçek bir uygulamayı oluşturdun, çalıştırdın, test ettin ve değiştirdin. Programlamanın tamamı bu değil, ama sonraki her derste tekrarlayacağın rutin bu: açıkça tarif et, yapay zekâya ürettir, beklenen sonuçlarla kontrol et ve her seferinde tek bir şeyi değiştir.