Yap-Boz Macerası · 12 yaş
7 Günde Yap-Boz 🧩
Bir hafta içinde robot arkadaşın Bıdık'la (yani Claude Code) birlikte kendi web uygulamanı yap. RAMP (Kurallar, Beceri, Harita, Kanıt) yöntemiyle adım adım ilerleyen, 12 yaşına uygun hikâyeler ve ebeveyn eşliği notlarıyla dolu 15 derslik bir macera. Her derste kopyala-çalıştır komutlar, beklenen terminal çıktısı ve "Şimdi Dene" görevi var.
RAMP Nedir?
Bu kursta RAMP denen bir yöntemle Bıdık'la (yapay zekâ programcı arkadaşın) çalışmayı öğreneceksin. Dört harf, dört adım:
Rules — Kurallar
Bıdık'a bir kural defteri ver. Artık tahmin etmez, doğru yapar.
Augment — Beceri Ekle
Bıdık'a yetenek kartları ve alet çantası ver. Yeni güçler kazanır.
Map — Harita Çiz
Büyük fikri küçük parçalara böl. Yol haritası çıkar.
Prove — Kanıtla
Söz yetmez, kanıt iste. Bıdık'ın gözleriyle test et.
Dersler (15)
- 01 6 dk
Claude Kim? Claude Code Ne Demek?
Who is Claude? What is Claude Code?
👨👩👧 Bu ders 6 dakikalık bir tanışma. Kod yok, kurulum yok — sadece kavram. Çocuğunuzla birlikte okuyun. Bu kursta 'robot arkadaş Bıdık' = Claude Code'dur; metafor ve gerçek araç hep yan yana verilir.
✋ Bir kağıda iki kutu çizin: solda 'Sohbet Claude' (telefon/site), sağda 'Claude Code' (terminal). Her kutuya birer örnek yazın: sohbet Claude bir soruyu cevaplar; Claude Code bilgisayarında dosya açıp uygulama yapar.
- 02 10 dk
Bıdık'ı Kur: Claude Code Bilgisayarında
Install Bıdık: Claude Code on your computer
👨👩👧 Bu ders kurulum dersidir ve bir büyüğün yanında olması önerilir. Claude Code, Anthropic'in Pro veya Max aboneliğiyle çalışır. Kurulum için Node.js gerekir ve birkaç komut terminale yazılır. Endişelenmeyin — adımların hepsi sırayla, kopyalanabilir şekilde verilmiştir. Bir hesap açıp birkaç komut çalıştırmaktan ibarettir.
✋ Çocuğunuzla birlikte terminali açın, Claude Code'u kurun ve ilk kez 'claude' yazıp Bıdık'la selamlaşın. Bıdık'a 'Merhaba, sen kimsin?' diye sorun ve cevabını birlikte okuyun.
- 03 9 dk
İlk Komut ve 'Effort' Gücü
Your first command and the power of 'effort'
👨👩👧 Bu derste çocuğunuz Bıdık'a ilk gerçek görevini verecek ve bir HTML dosyası oluşacak. 'Effort' kavramı, modelin bir göreve ne kadar derin düşüneceğini anlatır — çocuğa 'kolay soru / zor soru' benzetmesiyle aktarılır. Komutların hepsi kopyalanabilir. Bu ders bizim tek örnek projemizi başlatır.
✋ Bıdık'a örnek projemizin ilk dosyasını yaptırın (index.html). Sonra tarayıcıda açıp 'Merhaba, ben evcil hayvanın!' yazısını birlikte görün. İlk kez Bıdık'ın yazdığı bir şeyi ekranda göreceksiniz.
- 04 9 dk
Gün 1: Kural Defteri Ver (CLAUDE.md)
Day 1: Give Bıdık a Rule Book (CLAUDE.md)
👨👩👧 Bu ders deneyim odaklı. Çocuğunuzla birlikte Bıdık'a önce kuralsız, sonra kurallı aynı isteği verin ve farkı gözlemleyin. CLAUDE.md, Claude Code'un projedeki en önemli dosyasıdır — Bıdık her açılışta onu okur. Komutlar kopyalanabilir; çocuğunuz dosyayı Bıdık'a yazdırabilir.
✋ Bıdık'a örnek projeniz için bir CLAUDE.md kural defteri yazdırın (Planla / Yap / Kontrol Et). Sonra bir kağıda kendi kural defterinizi de yazın ve bilgisayarın yanına koyun.
- 05 8 dk
Gün 1: Bıdık'ın Hafızası (Memory)
Day 1: Bıdık's Memory
👨👩👧 Bu derste çocuğunuz Bıdık'a kalıcı bilgi öğretmeyi öğrenir. '#' ile başlayan bir cümle yazınca Bıdık o bilgiyi hafızasına (CLAUDE.md veya memory dosyalarına) kaydeder ve sonraki oturumlarda hatırlar. Komutlar kopyalanabilir; örnek projeye bu derste renkli bir style.css eklenir.
✋ Bıdık'a evcil hayvanınızın adını '#' ile hatırlatın. Sonra Bıdık'a style.css yazdırıp sayfayı renklendirin. Tarayıcıyı yenileyip evcil hayvanın adını ve yeni renkleri birlikte görün.
- 06 9 dk
Gün 1: Plan Modu — Önce Harita, Sonra Kazma
Day 1: Plan Mode — map first, dig later
👨👩👧 Plan modu, Claude Code'un en güvenli çalışma biçimidir: Bıdık önce ne yapacağının planını yazar, kod yazmaz; siz onaylayınca uygulamaya geçer. Shift+Tab tuşuyla açılır. Bu ders çocuğunuza 'önce düşün, sonra yap' disiplinini kazandırır ve örnek projeye ilk JavaScript dosyasını (app.js) ekler.
✋ Bıdık'ı plan moduna alın (Shift+Tab) ve evcil hayvana 'besle' ile 'oyna' butonları eklemesinin planını çıkarttırın. Planı birlikte okuyun, onaylayın, sonra Bıdık'ın app.js'i yazmasını izleyin.
- 07 10 dk
Gün 2: Yetenek Kartları (Skills)
Day 2: Skill Cards
👨👩👧 Bu derste 'yetenek kartı' (skill) kavramı oyun kartı metaforuyla anlatılır. Skill'ler, Claude Code'a kazandırılan yeniden kullanılabilir talimat paketleridir. Bıdık /skills komutuyla yönetilir; hazır kartlar bir mağazadan (marketplace) kurulabilir. Çocuğunuz komutları kopyalayıp yapıştırabilir — bu normaldir. Bu ders örnek oyunun görünümünü profesyonelleştirir.
✋ Bıdık'a bir tasarım yetenek kartı kurdurun ve evcil hayvan oyununuza uygulatın. Renkler, butonlar ve çubuklar modern görünecek. Sonra bir A4 kağıda kendi 'süper kahraman yetenek kartınızı' çizin.
- 08 9 dk
Gün 3: Alet Çantası (MCP) — Bıdık'a Göz Ver
Day 3: The Toolbox (MCP) — give Bıdık eyes
👨👩👧 Bu derste Bıdık'a 'tarayıcıyı kullanma' aleti verilir. MCP (Model Context Protocol), Claude Code'a dış araçlar bağlamanın standart yoludur; .mcp.json dosyasında tanımlanır ve /mcp ile bağlantısı kontrol edilir. Playwright, tarayıcıyı uzaktan kumandayla yöneten bir alettir. Kurulumda çocuğunuz komutları kopyalar. Bu dersten sonra Bıdık sadece 'düşünen' değil, 'gören' de olur.
✋ Bıdık'a Playwright alet çantasını kurdurun, /mcp ile bağlı olduğunu kontrol edin. Sonra Bıdık'a oyunu tarayıcıda açıp Besle/Oyna butonlarına kendi tıklamasını ve ekran görüntüsü almasını söyleyin. Siz sadece izleyin.
- 09 9 dk
Gün 3: Yardımcı Robotlar (Agents & Subagents)
Day 3: Helper Robots (Agents & Subagents)
👨👩👧 Bu derste 'ajan' ve 'yardımcı robot (subagent)' kavramları takım metaforuyla anlatılır. Claude Code, büyük bir işi küçük parçalara bölüp her parçayı ayrı bir yardımcıya (subagent) verebilir; bunlar paralel çalışır. /agents komutuyla yönetilir. Çocuğunuz iki özelliğin aynı anda eklenmesini izleyecek. Komutlar kopyalanabilir.
✋ Bıdık'a aynı anda iki yardımcı çağırtın: biri 'Uyut 😴' butonu + enerji çubuğu eklesin, diğeri besle/oyna seslerini eklesin. İki işin paralel ilerlediğini izleyin, sonra ikisini de tarayıcıda deneyin.
- 10 10 dk
Gün 4: Define Haritası — Spec ve Features
Day 4: Treasure map — Spec and Features
👨👩👧 Bu ders planlamayı öğretir. Çocuğunuz Bıdık'a bir 'spec' (requirements.md) ve numaralı 'features' dosyaları çizdirecek. Her özellik dosyasında kabul kriteri (nasıl test edileceği) yazılır. Bu, büyük bir işi parçalara ayırma becerisini geliştirir ve örnek projeyi düzenli bir yol haritasına bağlar. Komutlar kopyalanabilir.
✋ Bıdık'a örnek oyununuzun requirements.md spec'ini ve features/ klasörünü çizdirin. Sonra bir A3 kağıda aynı haritayı (başlangıç, varış, 4-6 durak) çizip duvara asın; her özellik bitince kutuyu yeşile boyayın.
- 11 9 dk
Gün 4: Workflow — Kendi Komut Düğmeni Yap
Day 4: Workflow — make your own command button
👨👩👧 Bu derste çocuğunuz kendi 'komut düğmesini' (custom slash command) yapar. Claude Code'da .claude/commands/ klasörüne konan her dosya, /isim şeklinde çağrılabilen bir kısayol olur. Çocuğunuz tekrar eden bir işi (haritadaki sıradaki özelliği yapma) tek bir komuta dönüştürecek. Komutlar kopyalanabilir.
✋ Bıdık'a /siradaki-ozellik adında bir komut yazdırın. Bu komut features/ klasöründeki ilk bitmemiş özelliği bulsun, yapsın ve test etsin. Sonra komutu çağırıp ilk özelliğin tek tuşla inşa edilmesini izleyin.
- 12 9 dk
Gün 4: Dynamic Workflow ve Hooks — Akıllı Akış
Day 4: Dynamic Workflow and Hooks — smart flow
👨👩👧 Bu ders iki ileri kavramı çocuk diline indirir: dinamik (şartlı) iş akışı ve hook'lar. Dinamik workflow, komutun 'eğer şu olursa şunu yap' diye karar vermesidir. Hook, .claude/settings.json'da tanımlanan ve belirli bir olayda (ör. dosya kaydı) otomatik çalışan bir tetikleyicidir. Çocuğunuz 'otomatik refleks' metaforuyla kavrar. Komutlar kopyalanabilir; hook kurulumu basit tutulmuştur.
✋ Bıdık'a /siradaki-ozellik komutunu 'akıllı' yapın: test geçerse imzaya hazır desin, geçmezse kendi düzeltsin. Sonra bir hook kurun: app.js her değiştiğinde Bıdık otomatik bir kontrol yapsın. 'Otomatik refleks'i çalışırken izleyin.
- 13 11 dk
Gün 5: Göster Bana + İzin Kalkanı
Day 5: Show Me + the Permission Shield
👨👩👧 Bu ders güvenlik açısından kritiktir ve bir büyüğün yanında işlenmelidir. İzin sistemi (permissions), Claude Code'un her riskli işlemden önce onay sormasını sağlar — çocuğunuzu korur. Auto mode ve /loop, Bıdık'ın daha bağımsız çalışmasını sağlar. '--dangerously-skip-permissions' ise TÜM güvenlik sorularını kapatan tehlikeli bir ayardır; bu ders bunun neden çocukların tek başına kullanmaması gereken bir şey olduğunu açıkça anlatır. Lütfen bu dersi çocuğunuzla birlikte okuyun.
✋ Bıdık'a bir /prove komutu yazdırıp bir özelliği kanıtlatın. Sonra izin kalkanını birlikte gözlemleyin: Bıdık riskli bir iş yapmadan önce nasıl izin istiyor? 'Tüm izinleri atla' düğmesini ASLA tek başına kullanmama sözünü birlikte verin.
- 14 20 dk
Gün 6-7: Büyük Proje — Sanal Evcil Hayvan (Baştan Sona)
Day 6-7: The Big Build — Virtual Pet (end to end)
👨👩👧 Bu ders kursun zirvesidir ve iki güne yayılabilir. Çocuğunuz öğrendiği her şeyi (kurallar, hafıza, plan modu, skills, MCP, agents, harita, workflow, kanıtlama) tek bir oyunda birleştirir. Komutların hepsi kopyalanabilir. Ayrıca dersin sonunda çalışan oyunun tam kodu (üç dosya) verilmiştir — Bıdık olmasa veya bir adım takılsa bile çocuğunuz bu kodu kopyalayıp tarayıcıda çalışan oyunu görebilir. Sabırlı olun; tüm özellikler bitmese bile süreç başarıdır.
✋ Haritadaki dört özelliği sırayla Bıdık'a yaptırıp kanıtlatın. Her özellik bitince haritadaki kutuyu yeşile boyayın. Sonunda çalışan oyunu birlikte oynayın: hayvanı besleyin, oynatın, uyutun; çubukların zamanla azalmasını izleyin.
- 15 8 dk
Gün 7: Yap-Boz Ustası + Komut Defteri
Day 7: Builder Master + Command Cheat-Sheet
👨👩👧 Bu kapanış dersidir. Çocuğunuz bir haftalık maceranın tüm araçlarını tek bir referansta toplar ve oturumlar arası devam etmeyi (resume) öğrenir. Mezuniyet seremonisi için küçük bir kâğıt sertifika hazırlamanız önerilir. Asıl kazanım bir oyun değil, bir düşünme biçimidir.
✋ Bıdık'tan çıkıp 'claude --resume' ile kaldığınız yere dönmeyi deneyin. Sonra çocuğunuzla birlikte bir 'Komut Defteri' kartı hazırlayıp duvara asın ve bir Yap-Boz Ustası sertifikası imzalayın.
Ebeveynler İçin Kısa Rehber
- Kodlama bilgisi gerekmez. Çocuğunuz kod yazmaz; Claude Code'a (Bıdık) talimat verir ve hazır komutları terminale kopyalar. Komutların hepsi derste birebir verilir.
- Her ders 5-10 dakika okuma + 30-60 dakika uygulama. Bir haftaya yayılır.
- Yanlış yapmak yasak değildir. Hatalar öğrenmenin parçasıdır.
- Ebeveyn notu (⚠) ve Etkinlik (✋) her derste vardır. Çocuğunuzla birlikte yapın.
- Süreç sonuçtan önemlidir. Tüm özellikler bitmese bile haftayı tamamlamak başarıdır.