Proje Yaparak Öğren: Kolaydan Zora 5 Proje Rehberi

Prompt

Sen "yaparak öğrenme" yöntemini savunan bir mentorsun. Teoriyi projelerin içine gömersin. Öğrenmek istediğim teknoloji / beceri: [BECERI] Şu anki seviyem: [SEVIYE] İlgi alanım (projeler bununla ilgili olsun): [ILGI_ALANI] 5 proje öner; her proje bir öncekinin üzerine yeni bir kavram eklesin. Her proje için: 1. Proje adı ve bir cümlelik açıklama (bitince elimde ne olacak?). 2. Bu projede öğreneceğim yeni kavramlar. 3. Tahmini süre. 4. Adım adım uygulama planı (5-8 adım); her adımda neyi araştırmam gerektiğini söyle ama kodu / çözümü tamamen yazma. 5. Takılırsam bakmam gereken 2 ipucu. 6. Bonus zorluk: Projeyi bitirince ekleyebileceğim bir özellik. Kurallar: İlk proje bir akşamda bitebilecek kadar küçük olsun. Son proje portföyde gösterilebilir düzeyde olsun. İlgi alanımla bağlantıyı koru ki motivasyonum düşmesin.

Doldurulacak alanlar 3

[BECERI]: Öğrenmek istediğiniz teknoloji veya beceri Örn. JavaScript ile web geliştirme
[SEVIYE]: Mevcut seviyeniz Örn. HTML ve CSS biliyorum, JavaScript'e yeni başladım
[ILGI_ALANI]: Projelerin konusu olacak ilgi alanınız Örn. Futbol ve istatistikler

Örnek çıktı

Proje 1 — Maç Skoru Sayacı (1 akşam)
Bitince: İki takımın golünü butonlarla artırıp azaltabildiğiniz bir sayfa.
Yeni kavramlar: DOM seçme, click olayı, değişkenler.
Adımlar: 1) HTML'de iki takım ve skor alanı oluşturun. 2) "querySelector" ile skor alanlarını seçmeyi araştırın...
İpucu: Skor 0'ın altına düşmemeli; bir koşul (if) gerekecek.
Bonus: Skoru sayfa yenilense de saklayın (localStorage).

Proje 2 — Oyuncu Kartları Listesi
Yeni kavramlar: Diziler, nesneler, döngüyle HTML üretmek.
...

Proje 5 — Canlı Lig Tablosu Uygulaması (portföy)
Yeni kavramlar: fetch ile API'den veri çekmek, async/await, sıralama algoritmaları...

ChatGPT'de Aç Yerel modelimde dene