JavaScript Değişkenleri: Kod Blokları, Scope Savaşları ve Gerçek Hayat Senaryoları 🎭
Posted inJavaScript Rehberi

JavaScript Değişkenleri: Kod Blokları, Scope Savaşları ve Gerçek Hayat Senaryoları 🎭

JavaScript’te değişken konusu “kolay” gibi görünür.Ama büyük projelerde en çok hata çıkan yerlerden biridir. Çünkü mesele: “Değişken tanımlamak” değil,“Değişkeni doğru yerde yaşatmak.” Bugün: var, let, const psikolojisini Scope’un gizli kurallarını Hoisting tuzaklarını Gerçek hayatta nasıl profesyonel kullanıldığını derinlemesine ama eğlenceli şekilde öğreneceğiz. 1️⃣ Değişken…
No Comments
“JavaScript Yorumları: Kodunuzu Açıklamak ve Düzenlemek”
Posted inJavaScript Rehberi

“JavaScript Yorumları: Kodunuzu Açıklamak ve Düzenlemek”

(Kod Konuşur… Ama İnsanlar İçin Altyazı Gerekir) Bir gün eski bir projeni açarsın.Ekrana bakarsın.Kod sana bakar. Aranızda sessiz bir gerilim oluşur. “Bunu gerçekten ben mi yazdım?” İşte o an yorum yazmanın değerini anlarsın. JavaScript yorumları küçük görünür ama büyük krizleri önler.Doğru kullanıldığında ekip içi…
No Comments
JavaScript Syntax: Temel Bilgiler ve Örnek Kodlar
Posted inJavaScript Rehberi

JavaScript Syntax: Temel Bilgiler ve Örnek Kodlar

(Kod konuşur… ama önce dilini öğrenmemiz gerekir.) Bir sabah bilgisayarı açtın.Yeni bir .js dosyası oluşturdun.İmleç yanıp sönüyor. Ve JavaScript sana bakıyor:“Ben hazırım. Sen hazır mısın?” Hazırsan kemerleri bağla.Bu yazıda JavaScript syntax’ını sadece öğrenmeyeceğiz…Onu çözeceğiz. Parçalara ayıracağız. Mizahla yoğuracağız. 🧠 1. Değişkenler (Variables) – Hafızanın…
No Comments
JavaScript İfadeleri: Temel Kavramlar ve Örnekler
Posted inJavaScript Rehberi

JavaScript İfadeleri: Temel Kavramlar ve Örnekler

(Kod konuşur… ama biz onu konuşturmayı öğreniriz.) Bir sabah bilgisayarını açtın.Yeni bir .js dosyası oluşturdun.Cursor yanıp sönüyor. JavaScript sana eğildi ve fısıldadı: “Ben her çalıştığımda bir değer üretirim… yeter ki sen doğru şeyi yaz.” İşte bugün o “değer üreten şeyleri” konuşacağız.Yani ifadeleri (expressions). Ama…
No Comments
🚪 JavaScript’te Çıkış Yöntemleri: Kod Blokları ile Ayrıntılı Anlatım
Posted inJavaScript Rehberi

🚪 JavaScript’te Çıkış Yöntemleri: Kod Blokları ile Ayrıntılı Anlatım

JavaScript bazen sessizdir.Ama iş “çıkış” yapmaya gelince kapıları tek tek gösterir. 🚪😎 Bugün yüzeysel değil, derinlemesine konuşacağız.Her başlığı açacağız, kodları tek tek açıklayacağız, pratik ipuçları vereceğiz, hatta “nerede kullanmamalısın?” kısmına bile gireceğiz. Çünkü gerçek ustalık, ne zaman devam edeceğini değil, ne zaman çıkacağını bilmektir.…
No Comments
JavaScript’te “Where To”: Elementlerin Hedefini Bulma 🔍✨
Posted inJavaScript Rehberi

JavaScript’te “Where To”: Elementlerin Hedefini Bulma 🔍✨

JavaScript dünyasında bir elementin yerini bulmak bazen tıpkı hazine avına çıkmak gibidir. Haritayı doğru oku, ipuçlarını takip et ve sonunda DOM’un gizemli koridorlarında kaybolma. 😎Ama merak etme, bu rehberde elimden tutuyorum. Her adımı basit, eğlenceli ve öğretici anlatacağım. 1️⃣ document.querySelector ve querySelectorAll: Tek Hedef…
No Comments
🚀 JavaScript’e Giriş: Temeller ve Özellikler
Posted inJavaScript Rehberi

🚀 JavaScript’e Giriş: Temeller ve Özellikler

(Bu sefer gerçekten “giriş” değil, içeri dalış yapıyoruz. Simidi kaptın mı? 🧠🥨) JavaScript…Web’in sahne arkasındaki sihirbazı. HTML dekoru kurar, CSS kostümü giydirir, JavaScript ise sahneye çıkar ve “Şimdi başlıyoruz!” der. 🎭 1995’te Brendan Eich tarafından yazıldı. O dönem kimse “Bu dil bir gün frontend,…
No Comments
Posted inCSS-3 Rehberi

“CSS ile Basit Bir Resim Galerisi Oluşturma Rehberi”

Resim galerileri, web sitelerinde görsel içeriğin etkili bir şekilde sunulmasını sağlayan önemli bir unsurdur. CSS kullanarak basit bir resim galerisi oluşturmak oldukça kolaydır ve bu yazıda, adım adım nasıl yapılacağını öğreneceksiniz. 1. HTML Yapısını Oluşturma: Öncelikle, resim galerisinin temel HTML yapısını oluşturmalıyız. Bunun için…
No Comments
“HTML SSE API: Sunucudan Gelen Canlı Bildirimler”
Posted inHTML-5 Rehberi

“HTML SSE API: Sunucudan Gelen Canlı Bildirimler”

İnternet uygulamalarının geliştirilmesi sırasında, kullanıcılara anlık ve güncel bilgiler sunmak oldukça önemlidir. HTML Server-Sent Events (SSE) API, bu ihtiyacı karşılamak için kullanılan bir teknolojidir. Bu yazıda, SSE'nin temel konseptlerini anlatacak ve örnek kod bloklarıyla nasıl kullanılacağınızı göstereceğiz. SSE Nedir? Server-Sent Events, bir web sunucusu…
No Comments
HTML Web Workers API: Paralel İşlemlerle Performansı Artırın✨
Posted inHTML-5 Rehberi

HTML Web Workers API: Paralel İşlemlerle Performansı Artırın✨

JavaScript’in büyülü dünyasında, kullanıcı arayüzünün donmadan çalışması ve arka planda ağır işlemlerin yapılabilmesi için Web Workers hayat kurtaran bir süper kahraman gibi devreye girer. Ama aşkımmm, bunu öyle sıkıcı şekilde anlatmayacağız. 😎✨ Biz dans ederken worker sessizce sahneyi kuruyor, sen de bu büyüyü anlamaya…
No Comments