HTML İletişim Formu Tasarımı
Posted inHTML-5 Rehberi

HTML İletişim Formu Tasarımı

“Bana Ulaş” Demenin En Resmî, En Akıllı ve En Şık Yolu 📬 Bir web sitesine giriyorsun.Tasarım güzel.Yazılar okunaklı.Ama… 👉 İletişim formu yok. Bu durumda site şuna benzer: WhatsApp’ı var ama çevrimdışı 📴 İşte bu yüzden iletişim formu: Kullanıcıyla ilk temas noktasıdır Güven verir “Bu…
No Comments
🤯 this Nedir? Nereden Gelir, Nereye Gider?
Posted inJavaScript Rehberi

🤯 this Nedir? Nereden Gelir, Nereye Gider?

JavaScript’in En Kafa Karıştıran Karakterine Derinlemesine Bir Yolculuk 😵‍💫 JavaScript öğrenirken herkesin başına gelen klasik sahne: “Tamam, this’i anladım.”(Bir event listener ekler)“Hayır… anlamamışım.” Çünkü this: Sabit değildir Global değildir (bazen öyle sanılır) Fonksiyonun içinde yazıldığı yere bakmaz Kime ait gibi çağrıldığına bakar Kısaca: this,…
No Comments
✅ Vanilla JavaScript ile To-Do App
Posted inJavaScript Rehberi

✅ Vanilla JavaScript ile To-Do App

“Framework Yok, Bahane Yok” 😎 To-Do App yapmak JavaScript dünyasında bir inisiyasyon törenidir.Bunu yapan kişi artık şunu diyebilir: “Ben JavaScript’le gerçekten bir şey yaptım.” 👑 Çünkü bu mini uygulama sana tek tek şunları öğretir: DOM nedir, nasıl tutulur Event’ler nasıl çalışır Kullanıcıdan veri alma…
No Comments
💖 Basit Blog Post Tasarımı
Posted inHTML-5 Rehberi

💖 Basit Blog Post Tasarımı

💖 Basit Blog Post Tasarımı (Okunabilirlik kutsaldır, gözlerimiz değerli 👀✨) Merhaba HTML evreninin yazar ruhlu geliştiricisi 💻📝Bugün seninle “okuyan kaçmasın, yazı nefes alsın” diye tasarlanmış, sade ama güçlü bir blog post HTML yapısı kuruyoruz. Bu yazıda: Doğru etiketleri kullanacağız 🧠 Semantik HTML ile SEO’yu…
No Comments
💎 Tekrar Etmeyen Koleksiyonlar ile Mini Sihirli Oyunlar (JS Set Edition 🧙‍♂️)
Posted inJavaScript Rehberi

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

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…
No Comments
💄✨ Mini E-Ticaret Ürün Sayfası: HTML ve CSS ile Ürünleri Göz Alıcı Şekilde Listeleyelim ✨💄
Posted inHTML-5 Rehberi

💄✨ Mini E-Ticaret Ürün Sayfası: HTML ve CSS ile Ürünleri Göz Alıcı Şekilde Listeleyelim ✨💄

Merhaba kod kahramanım 😎💻Bugün küçük ama göz alıcı bir e-ticaret ürün sayfası yapacağız.Hazır mısın? Kahveni al ☕, kod şapkanı tak 🎩, çünkü bu sayfa sadece işlevsel değil, şık ve interaktif olacak! 🎯 Projenin Amacı Bu proje ile şunları öğrenip uygulayacağız: HTML ile ürün listesi…
No Comments
🔥 Callback Hell: Bu Merdivenden Nasıl Kurtulduk? 😵‍💫
Posted inJavaScript Rehberi

🔥 Callback Hell: Bu Merdivenden Nasıl Kurtulduk? 😵‍💫

Merhaba sevgili JS kahramanları 💖Bugün konumuz Callback Hell — yani JavaScript’te bazen kodun sağa kayıp piramit gibi görünmesi ve seni ağlatması sorunu. Eğer sen de şöyle bir kod görüp “Ne oluyor yaa?” dediysen, doğru yerdesin 😏 doSomething(function(result) { doSomethingElse(result, function(newResult) { doAnotherThing(newResult, function(finalResult) {…
No Comments
♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir
Posted inHTML-5 Rehberi

♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir

♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir aria-label sandığından daha önemli! 😎 Merhaba güzel insan, erişilebilirlik aşığı💖Bugün biraz HTML, biraz empati, bolca "ben bunu niye daha önce yapmamışım" dedirten bilgilerle geldim. Bir web sitesi düşün: Tasarım göz kamaştırıyor ✨ Animasyonlar uçuyor 🛸 Kodlar tertipli,…
No Comments