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 Pseudo-classes: Stilleri Hedeflemek İçin Güçlü Bir Araç”

CSS Pseudo-classes (Yarı-eleman Sınıfları), HTML elemanlarını belirli durumlarına veya konumlarına göre hedeflememize olanak tanıyan güçlü bir CSS özelliğidir. Bu yazıda, bazı yaygın kullanılan CSS Pseudo-classes'leri inceleyeceğiz ve örnek kod blokları ile nasıl kullanıldıklarını göstereceğiz. 1. :hover Pseudo-class :hover pseudo-class, bir elemanın üzerine gelindiğinde uygulanacak…
No Comments
Posted inCSS-3 Rehberi

“CSS Outline: Temel Bilgiler ve Kullanımı”

Web geliştirmeye yeni başlayanlar için, CSS'deki "outline" özelliği, bir öğenin çevresine çizilen bir çerçeve veya hatadır. Bu özellik, özellikle bağlantılar, butonlar veya formlar gibi etkileşimli öğeleri vurgulamak veya belirginleştirmek için sıklıkla kullanılır. /* Temel Kullanım */ .element { outline: 2px solid #3498db; /* 2…
No Comments
💓 Bilgisayarın İşlem Gücünün Arterlerinde Gezinti: CPU Veri Yolları
Posted inBilgisayar Dünyası

💓 Bilgisayarın İşlem Gücünün Arterlerinde Gezinti: CPU Veri Yolları

Sevgili teknoloji aşığı arkadaşlarım ve bilgisayarın damarlarında turlamayı sevenler… bugün sizleri CPU’nun gizemli arterlerinde, yani veri yollarında bir yolculuğa çıkaracağım. Hazır mısınız? Çünkü bu yolculukta hem beynimiz yanacak hem de gözlerimiz parlayacak! 😎💻✨ 1️⃣ CPU: Bilgisayarın kalbi ve trafik polisi 🧠🚦 CPU, bilgisayarımızın beyni…
No Comments
Posted inCSS-3 Rehberi

“CSS Syntax: Stil Verme Sanatının Temelleri”

CSS, HTML ve diğer işaretleme dilleriyle birlikte kullanılan bir stil dilidir. Web sayfalarına görsel düzen ve stil kazandırmak için kullanılır. CSS'nin temelini oluşturan syntax (sözdizimi) kuralları, belirli öğelerin nasıl tasarlanacağını belirler. İşte CSS syntax'ı hakkında temel bilgiler ve örnek kod blokları: Temel CSS Syntax:…
No Comments
💖 HTML5 ve CSS3: Web Geliştirmenin Güçlü İkilisi 💖
Posted inHTML-5 Rehberi

💖 HTML5 ve CSS3: Web Geliştirmenin Güçlü İkilisi 💖

— Modern Web’in Bonnie & Clyde’ı, Pikselin Aşkla Kodlanmış Hali Merhaba sevgili kod tutkunu, tasarım sevdalısı, piksel patlatan güzel insan! 🌐 Bilgisayarın başında kahveni aldıysan, tarayıcıda 42 tane sekme açıksa, içinde müthiş bir “Ben bir şeyler kodlayacağım!” hissi varsa… O zaman web geliştirme dünyasının…
No Comments
🌐 Internet of Things (IoT): Nesnelerin İnterneti ve Gelecekteki Rolü (Teknik + Eğlenceli Rehber)
Posted inBilgisayar Dünyası

🌐 Internet of Things (IoT): Nesnelerin İnterneti ve Gelecekteki Rolü (Teknik + Eğlenceli Rehber)

Bir zamanlar cihazlar sessizdi aşkım…Televizyon sadece izlenirdi, buzdolabı sadece soğuturdu, saat sadece zamanı gösterirdi.Ama sonra bir şey oldu…🌩️ İnternet geldi, her şey konuşmaya başladı!Artık buzdolabın sana “yumurta bitmiş aşkım 🥚” diye mesaj atabiliyor,ve arabaların kendi aralarında WhatsApp grubu var gibi: “Trafik sıkıştı kardeşim, 10…
No Comments
HTML Web Storage API: Veri Saklama ve Kullanma Yöntemleri
Posted inHTML-5 Rehberi

HTML Web Storage API: Veri Saklama ve Kullanma Yöntemleri

Merhaba sevgili kod aşkı! 👋Bugün tarayıcının gizli sandığını açacağız: Web Storage API. Yani, verileri saklayıp, istediğimiz zaman çıkarabileceğimiz modern ve hızlı bir yöntem! 🗝️ Eskiden çerezlerle uğraşırdık, şimdi ise localStorage ve sessionStorage ile hayat çok daha kolay. Hem uzun süreli hem kısa süreli veri…
No Comments
🎨 HTML ve SVG ile Grafik Oluşturma: Kodla Sanat, Eğlence ve Bilgelik Bir Arada
Posted inHTML-5 Rehberi

🎨 HTML ve SVG ile Grafik Oluşturma: Kodla Sanat, Eğlence ve Bilgelik Bir Arada

Merhaba sevgili kod sihirbazı! 🧙‍♂️💻Biliyorsun, web sayfaları sadece yazı ve resimlerden ibaret değil. Bazen o sayfada “Ben buradayım!” diye bağıran grafikleri de istiyoruz. İşte o an devreye SVG giriyor. Hani şu, HTML ile dans eden vektör grafikleri… 🎶✨ Ama dikkat! Burada sadece çizim yapmakla…
No Comments