✨ JavaScript Template Literals & Tagged Templates

Kodla Konuşmanın Eğlenceli Yolu JavaScript’te string yazmak artık sadece “Merhaba” demek değil…Artık stringler de konuşuyor, dans ediyor, hatta biraz mizah yapıyor 😎💃 Template Literals ve Tagged Templates, JS’in gizli süper kahramanlarıdır. Onları anlamadan kod yazmak, kahve içmeden sabah kalkmak gibidir: bir eksiklik hissedersiniz ☕🤯 1️⃣ Template Literals Nedir? “Sihirli Backtick’ler ve JS’in Konuşan String’leri” Normal […]

Continue Reading

Decorators (ES7+) – Fonksiyonlara ve Class’lara Süper Güç Verme 🦸‍♂️✨

JavaScript’te bazen bir fonksiyona ya da class’a ekstra güçler eklemek isteriz. Mesela: Ama her seferinde fonksiyonun içine bu kodları eklemek… 😵‍💫 Kod cehennemi! İşte Decorators burada devreye giriyor: Kodun içine dokunmadan fonksiyon veya class’a süper güçler eklemenizi sağlar. 🧩 1. Decorator Nedir? Decorator = bir fonksiyonu veya class’ı alan ve onu geliştiren sihirli fonksiyon. Analojisi: […]

Continue Reading

JavaScript Modules – “Kodun Süper Kahramanları” 🦸‍♂️🦸‍♀️

Düşünsene: Projen büyük, kod karmaşık ve her yer kaos. 😱Ama sonra JavaScript modülleri devreye giriyor: her kahraman kendi dosyasında, kendi süper gücüyle çalışıyor.Artık her şey organize, daha okunabilir ve bakımı çok kolay! 1️⃣ Modüller Nedir? – “Kodun Süper Kahraman Ekibi” 🦸‍♂️🦸‍♀️ Modüller, bir projeyi bağımsız ve tekrar kullanılabilir parçalara ayırmak için kullanılan yapılar. Daha önce […]

Continue Reading

🔎 JavaScript ile Mini Search Bar Yapımı

includes + filter + input event ile Gerçek Zamanlı Arama Sanatı Bir kullanıcı düşün…Input’a J yazıyor.Liste anında değişiyor.Ja yazıyor… Liste daha da daralıyor.Java yazıyor… “JavaScript” kalıyor. Ve sen arkada şunu fısıldıyorsun: “Ben bunu sadece 15 satır JavaScript ile yaptım.” 😏 İşte bu yazı, o sihrin perde arkasını anlatıyor. 🧠 1. Search Bar Mantığı (Önce Büyük […]

Continue Reading

💥 “Çalışıyor ama Production’da Patladı” Hikâyeleri

Local ≠ Prod gerçeği (Acı, komik ve öğretici) Bir yazılımcının kariyer yolculuğu şu üç evreden geçer: Bu yazı seni 2’den 3’e taşıma yazısıdır.Hem güleceğiz, hem “ah be” diyeceğiz, hem de gerçekten işe yarayan pratikler öğreneceğiz. Hazırsan başlıyoruz 👇Kahveni al ☕, production log’larını kapat (şimdilik). 🧪 1️⃣ Environment Variable Sendromu “Local’de vardı ama prod’da… kim bu?” […]

Continue Reading

Junior’dan Senior’a: JavaScript Yazma Alışkanlıkları

(Kod Çalışıyor ≠ Kod İyi) ⚠️ Junior’ken kod yazmak biraz şuna benzer: “Arabayı çalıştırdım, gerisi önemli değil.” 🚗💨 Senior’ken ise hedef şudur: “Bu arabayı herkes sürebilsin, bozulduğunda tamiri kolay olsun.” 🔧 Bu yazı işte tam olarak o farkı anlatıyor. 1️⃣ Kötü Kod vs İyi Kod “Aynı işi yaparlar, biri sinir eder” 😅 ❌ Junior Tarzı […]

Continue Reading

JavaScript Prototyping: Nesnelerin Gizli DNA’sı 🧬

Ah, JavaScript objeleri…Bazı günler onları sadece veri tutucu olarak görürsün, ama aslında her birinin gizli bir DNA’sı var: prototype zinciri. 😎 Bu yazıda: 1️⃣ Obje Nedir, Neden Bu Kadar Önemli? 🧐 JavaScript’te her şey obje olabilir: Açıklama Eğlenceli Tarzda: 💡 İpucu: Objeler, veriyi ve davranışı bir arada tutmak için birebirdir.Matriks filmindeki Morpheus gibi: “Objeler sana […]

Continue Reading

JavaScript Engine Secrets & Optimization Tricks ⚡

V8, SpiderMonkey ve JS Motorlarının Gizli Dünyası 😅 “JavaScript hızlıdır… ama aslında neden hızlı olduğunu anlamak için biraz motor sihri lazım.” JS motorları, bizim yazdığımız console.log() veya DOM manipülasyonlarının arkasında çalışan sessiz kahramanlardır.Bugün onları mizahi, anlaşılır ve öğretici bir şekilde keşfedeceğiz. 1️⃣ JavaScript Motorları Nasıl Çalışıyor? 🏎️💨 JavaScript’i çalıştıran motorlar, kodunu okur, analiz eder, optimize […]

Continue Reading

🎬 Film / Dizi Arama Uygulaması

“API ile Film Aradım, 404 Duygusal Hata Aldım” Bir film aramak istedim…API dedi ki: “Beni yanlış anladın.” 😅 JavaScript öğrenirken bir noktada şunu fark ediyorsun:👉 Statik veri sıkıcı.👉 Gerçek veri = gerçek dünya. İşte bu proje tam burada devreye giriyor:Kullanıcı film adını yazıyor → API’dan gerçek film verisi geliyor.Eğer gelmezse?💔 404 duygusal hasar. 🎯 Projenin […]

Continue Reading