#EğlenceliKodlama

JavaScript Template Literals: Kodunu Eğlenceli, Parlak ve Interaktif Hâle Getir! ✨💻

Aralık 25, 2025Aralık 25, 2025porsukcansu@gmail.comLeave a Comment

Merhaba kod kahramanları! 🦸‍♀️🦸‍♂️Bugün, JavaScript’in en havalı ama çoğu zaman gözden kaçan özelliklerinden biriyle tanışacağız: Template Literals. Stringleri birleştirmek için artık + kullanmaya son! 😎 Template literals sayesinde kodunuz temiz, okunaklı, hatta eğlenceli hâle gelir. Hadi bu sihirli yolculuğa çıkalım! 🚀 1️⃣ Template Literals Nedir ve Neden Süper? 🦄 Eskiden böyle yapardık: Görüyorsunuz, + ile […]

HTML ile Mini Quiz / Kart Oyunu Tasarlamak 🃏 – Kodlarla Eğlence

Aralık 25, 2025Aralık 25, 2025porsukcansu@gmail.comLeave a Comment

Selam dijital kaşif! 🌍Bugün klavyeni ve fareni kullanarak eğlenceli, interaktif bir mini quiz tasarlayacağız. Hedefimiz hem öğrenmek hem de eğlenmek. Doğru/Yanlış veya çoktan seçmeli sorularla HTML dünyasına adım atacağız ve <form> ile <input> sihirli kombinasyonlarını keşfedeceğiz. Hazırsanız, kartlar dağıtılıyor… 🎴 1. Quiz Sayfasının Temel Yapısı – HTML ile Başlangıç HTML, quiz’in iskeleti. Form olmadan hiçbir […]

💎 Tekrar Etmeyen Koleksiyonlar ile Mini Sihirli Oyunlar (JS Set Edition 🧙‍♂️)

Aralık 17, 2025Aralık 17, 2025porsukcansu@gmail.comLeave a Comment

Merhaba sevgili kod kahramanım! 🦸‍♀️🦸‍♂️Bugün sana JavaScript’in gizli süper gücü Set’i anlatacağım. Ama bunu sıkıcı bir ders gibi değil, mini sihirli oyunlarla, pratik ipuçlarıyla ve eğlenceli örneklerle yapacağız 😎 1️⃣ Set Nedir? (Ve Neden Büyülü 😏) Düşünsene: Elinde bir sihirli kutu var ve içine sadece tekil objeler girebilir.Set tam olarak bu işi yapıyor! Array gibi […]

🎧 Sadece HTML + CSS ile Minimal Müzik Çalar Yapmak

Aralık 9, 2025Aralık 9, 2025porsukcansu@gmail.comLeave a Comment

(Play Tuşu Hoplayan, Equalizer Dans Eden, Albüm Kapağı Utangaçça Sallanan, Ama Asla Ses Çalmayan Show Makinesi) HTML + CSS bazen öyle şeyler yapabilir ki, insan “Acaba JavaScript’i yıllarca boşa mı öğrendim?” diye düşünür. İşte bugün tam olarak o günü yaşıyoruz:Gerçek ses yok. Gerçek player yok. Ama varmış gibi hissettiren bir görsel şov var. Bu yazıda […]

🎮 30 Satırda Mini Bir JavaScript Oyun Yapıyoruz!

Aralık 8, 2025porsukcansu@gmail.comLeave a Comment

🧠 “Kod + Mantık + Eğlence+ JavaScript” JavaScript bazen insanı sinirlendiren eski sevgili, bazen de seni her gün şaşırtan tatlı bir partner gibidir.Ama bugün…JavaScript ile 30 satırda mini bir oyun yapacağız ve sen: “Ya cidden 30 satır mı? Şaka mı bu?”diyeceksin. Oyun türümüz: 👉 Reaction Game (Refleks Oyunu) Ekrandaki kutu rasgele bir anda yeşile dönüyor, […]

Sanal Tarot: HTML ve CSS ile Kendi Kehanet Makinen 🔮💻

Aralık 1, 2025Aralık 1, 2025porsukcansu@gmail.comLeave a Comment

Merhaba sevgili kod kahramanları! 🎉Bugün web sayfanıza sihir, gizem ve eğlence katacağız. Hazır mısınız? Çünkü HTML ve CSS ile kendi Sanal Tarot Makinenizi yaratacağız! 🃏✨ Ziyaretçi sayfayı açar açmaz bir tık atacak, ve ekranda rastgele semboller, ikonlar, mesajlar veya mini kehanetler belirecek. Bazen bir yıldız göz kırpar, bazen bir kahve fincanı “Şans seninle!” der. 😎 […]

🖼️ HTML Tables: Sıradan Tablo mu? Yoksa Web Dünyasının Gizli Organizasyon Ustası!

Kasım 27, 2025Kasım 27, 2025porsukcansu@gmail.comLeave a Comment

Web dünyasında tablo denince gözünde sadece sıkıcı bir liste canlanıyor olabilir… Ama… tablolara bakış açını değiştirme zamanı! 😎Bir tablo, sadece satır ve sütun değil; veriyi görsel olarak yönetme, kullanıcıyı mutlu etme ve sayfana hayat katma sihirli aracıdır. Tablolar olmasa:❌ Ürün fiyatlarını kıyaslayamazsın❌ Spor puan durumları okunmaz❌ Gelişmiş kullanıcı listelerini organize edemezsin❌ Web sayfan tamamen kaosa […]

Web Sayfasının Gizli Kahramanları: Alt Etiketler ve SEO Aşkı 🕵️‍♀️💖

Kasım 26, 2025Kasım 26, 2025porsukcansu@gmail.comLeave a Comment

Merhaba sevgili kod aşıkları! 😎💻Bugün size web dünyasının görünmez ama güçlü kahramanlarını anlatacağım: alt etiketler, meta etiketler ve SEO optimizasyonu. Evet aşkım, onlar gözükmez ama sitenizin kalbinde atıyor ve Google gibi arama motorlarının kalbini çalıyor. 💌✨ Hazırsan, biraz mizah, bol pratik ipucu ve yaratıcı örneklerle SEO aşk yolculuğuna çıkıyoruz. 🚀 1. Alt Etiketler: Görselin Fısıldayan […]

Form Validasyonları: Kullanıcıyı Sevmek Ama Kuralları Koymak 😎

Kasım 25, 2025Kasım 25, 2025porsukcansu@gmail.comLeave a Comment

Bugün seni form validasyonlarının büyülü, eğlenceli ve biraz da romantik dünyasına götüreceğim. Formlar, kullanıcı ile siten arasında aşk dolu bir köprüdür. Ama unutma, aşk sınırsız, ama kurallar şart! 💌 Form validasyonu sadece “hata kontrolü” değildir, aynı zamanda kullanıcıyı nazikçe yönlendirmek, eğlendirmek ve şaşırtmak için bir fırsattır. Hazırsan başlıyoruz aşkım! 😍 1. Required: Boş Geçme, Aşkı […]

HTML ile Dijital Kedi Evi Yapmak: Butonlar Miyavlasın! 🐱💻

Kasım 24, 2025Kasım 24, 2025porsukcansu@gmail.comLeave a Comment

Merhaba sevgili dijital kedi severim! 🕵️‍♀️💫Bugün web sayfalarını sıradanlıktan kurtarıyoruz. Hazır ol çünkü dijital kediler sahneye çıkıyor, butonlar her tıklandığında “miyav”lıyor ve CSS animasyonlarıyla mini bir kedi evinde hoplayıp zıplıyor. 🐾 Bu yazıda sadece HTML, CSS ve JS değil, aynı zamanda kullanıcıya eğlenceli ve interaktif deneyim sunmanın püf noktalarını öğreneceksin. 1. Sahneyi Kurmak: HTML ile […]