ChatGPT
Proje Yaparak Öğren: Kolaydan Zora 5 Proje Rehberi
Bir teknolojiyi veya beceriyi izleyerek değil yaparak öğrenmek için; kolaydan zora sıralanmış, her biri yeni bir kavram öğreten 5 proje ve adım adım uygulama rehberi alın.
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.
BECERI
SEVIYE
ILGI_ALANI
132 kez kopyalandı
Ö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ı...
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ı...
BaşlangıçÖğrenci
Yorumlar (0)
Yorum yapmak için giriş yapın veya kayıt olun.
Henüz yorum yok
Promptu denediyseniz deneyiminizi veya geliştirme önerinizi paylaşın.
Yorum yapmak için giriş yap