Y★YUSUF’UN
DÜNYASI.Kodları keşfet ↗
✦ BİR FİKİR. BİR KAHRAMAN. KOCAMAN BİR MACERA.

Yusuf’un
Kodlama
Serüveni

Selam! Ben Yusuf. 9 yaşındayım ve bu benim ilk web sitem. Köpek Adam’dan ilham aldım, yapay zekâyla takım oldum. İşte benim dijital dünyam!

Hayal gücüyle tasarlandı. Merakla kodlandı.
Birlikte harika
şeyler yapabiliriz!Yusuf, Köpek Adam ve kahraman kostümlü muhabbet kuşu birlikte bilgisayarda kod yazıyor.BAŞROLDE: YUSUF & SÜPER DOSTLARI
YUSUF’UN KİTAP EVRENİ

Bir daire dolusu macera!

Köpek Adam’ın bütün ana seri kitapları, süper dostların etrafında!

Yusuf ile Köpek Adam birlikte maceraya hazır.Köpek Adam
çok çılgın!YUSUF & KÖPEK ADAM ★
  1. 1. kitap: KÖPEK ADAM01
  2. 2. kitap: TASMASINDAN KURTULUYOR02
  3. 3. kitap: İKİ KEDİCİĞİN HİKAYESİ03
  4. 4. kitap: KÖPEK ADAM VE KEDİ ÇOCUK04
  5. 5. kitap: PİRELERİN TANRISI05
  6. 6. kitap: PATİLERİN ÇAĞRISI06
  7. 7. kitap: TOPLAR KİMİN İÇİN YUVARLANIYOR07
  8. 8. kitap: MAMA-2208
  9. 9. kitap: GÜÇ VE CEZA09
  10. 10. kitap: ULUMALI TEPELER10
  11. 11. kitap: DENİZLER ALTINDA YİRMİ BİN FESAT11
  12. 12. kitap: KIRMIZI PATİLER12
  13. 13. kitap: KOCA JIM BAŞLIYOR13
  14. 14. kitap: KOCA JIM İNANIYOR14
  15. 15Yakında

Türkçe kapaklar: Altın Kitaplar. Seri sırası: Scholastic · Dav Pilkey. 15. kitabın özgün baskısı 3 Kasım 2026’da çıkıyor; Türkçe baskı kapağı bekleniyor.

YUSUF KALYONCUGeleceğin yazılımcısı
01 / KAHRAMANLA TANIŞ

Her büyük macera,
küçük bir merakla başlar.

Ben Yusuf Kalyoncu! Ticaret Odası İlkokuluna gidiyorum. Yeni şeyler öğrenmeyi, arkadaşlarımla maceralara atılmayı ve tabii ki Köpek Adam’ı çok seviyorum.

Bir gün düşündüm: “Ben de kendi web sitemi yapabilir miyim?” Sonra ilk adımı attım. Çünkü kahraman olmak bazen sadece denemekle başlar!

✦ 9 yaşında⌘ Meraklı bir kâşif♥ Köpek Adam hayranı
02 / İLK GÖREV

Hayalim bir web sitesine dönüştü!

Ve macera başladı ↙
01
Ya yapsam?

Önce hayal ettim.

En sevdiğim kahraman, okul eşyalarım ve arkadaşlarım… Hepsi benim dünyamda buluşsun istedim.

02
Hadi deneyelim!

Bir yardımcı buldum.

Yapay zekâ asistanıma fikrimi anlattım. Birlikte renkleri seçtik, sayfamın nasıl görüneceğini düşündük.

03
İşte benim sitem!

İlk sitemi yaptım!

Fikirlerim kodlara, kodlar da bu sayfaya dönüştü. Öğrendim, denedim ve ortaya kendi eserim çıktı!

03 / GÖREVE HAZIR MISIN?

Kahramanın okul çantası.

Hayalimdeki Köpek Adam koleksiyonu. Her eşya, yeni bir macera! Eşyalara dokun, süper güçlerini keşfet!

01 / ENERJİ DEPOSU

Süper suluk

Bir yudum su, yepyeni bir güç! Teneffüs maceralarının vazgeçilmezi.

02 / FİKİR ÜRETİCİ

Hayal kalemi

Bir çizgiyle başlar her şey. Belki bir kahraman, belki de ilk kodum!

03 / MACERA MERKEZİ

Kahraman çantası

Kitaplar, hayaller ve biraz cesaret. Yeni bir güne hazırım!

04 / GİZLİ FİKİR ARŞİVİ

Macera defteri

Aklıma gelen hiçbir fikir kaçamaz. Hepsinin burada bir yeri var.

04 / MACERA EKİBİ

En güzel maceralar
birlikte yaşanır.

Benim süper gücüm mü? Harika arkadaşlarım! Ali ve Bilal’le oyunlar daha eğlenceli, hayaller daha büyük.

BİRİMİZ HEPİMİZ, HEPİMİZ MACERA İÇİN!
Yusuf, Ali ve Bilal, Köpek Adam temalı mavi ve sarı kahraman kıyafetleriyle omuz omuza.
YUSUF · ALİ · BİLALÜç arkadaş, kocaman bir macera!
05 / KODLARIN GİZLİ DÜNYASI

Bir web sitesi nasıl yapılır?

Üç süper güç, bir araya gelince… işte bu sayfa!

</>HTML

İskeletini kur!

Başlıklar, yazılar, resimler… HTML, sitemin yapı taşlarını yerli yerine koyar.

<h1>Selam, ben Yusuf!</h1>
{ }CSS

Renklerini seç!

Mavi mi olsun, sarı mı? CSS ile siteme renk, şekil ve kendi tarzımı veririm.

h1 { color: blue; }
✦JAVASCRIPT

Harekete geçir!

Bir düğmeye bas ve neler olduğunu gör. JavaScript, sayfama küçük sürprizler katar.

06 / BU DAHA BAŞLANGIÇ!

Bugün bir web sitesi.
Yarın, kim bilir neler!

Merak etmeye, hayal kurmaya ve öğrenmeye devam.
Benim serüvenim daha yeni başlıyor. Sen de bir şeyler üretmeye ne dersin?

Maceranın başına dön ↑