#WebProgramlama

“JavaScript Switch Statement: Kullanımı ve Örnekler”

Mayıs 7, 2024Aralık 14, 2024porsukcansu@gmail.comLeave a Comment

JavaScript’te switch ifadesi, bir değişkenin farklı değerlerine göre farklı işlemlerin gerçekleştirilmesini sağlayan bir kontrol yapısıdır. Bu yapı, birden fazla if-else ifadesi kullanmaktan kaçınarak kodu daha temiz ve okunabilir hale getirir. İşte JavaScript switch ifadesinin kullanımı ve örnekler: Örnek Kullanım Yukarıdaki örnekte, switch ifadesiyle haftanın günlerine göre day değişkeninin değeri kontrol edilir ve buna göre dayName […]

“JavaScript String Methods: Metin İşlemlerinde Güçlü Araçlar”

Nisan 21, 2024Ocak 17, 2025porsukcansu@gmail.comLeave a Comment

JavaScript, web geliştirme dünyasında en popüler programlama dillerinden biridir ve metin işleme, birçok JavaScript uygulamasının temelini oluşturur. JavaScript’in String Methods olarak adlandırılan bir dizi metin yöntemi, metinleri manipüle etmek ve işlemek için gelişmiş araçlar sunar. Bu yöntemler, metinleri parçalara bölmek, değiştirmek, birleştirmek ve aramak gibi çeşitli işlemleri gerçekleştirmek için kullanılır. Bu blog yazısında, JavaScript String […]

“JavaScript Fonksiyonları: Temel Yapıdan Arrow Fonksiyonlarına Kadar”

Nisan 17, 2024Şubat 3, 2025porsukcansu@gmail.comLeave a Comment

JavaScript, web geliştirme dünyasında en yaygın olarak kullanılan programlama dillerinden biridir. JavaScript’in en temel yapı taşlarından biri de fonksiyonlardır. Fonksiyonlar, kodunuzu organize etmenize, tekrar kullanılabilirlik sağlamanıza ve karmaşık işlemleri daha küçük parçalara bölmeye yardımcı olur. İşte JavaScript fonksiyonlarını anlatan birkaç örnek: 1. Temel Fonksiyon Tanımı: 2. Parametreli Fonksiyonlar: 3. Dönüş Değeri Olan Fonksiyonlar: 4. İfade […]

“CSS Pseudo-elements: Elementlerinizi Zenginleştirmenin Yolu”

Mart 13, 2024porsukcansu@gmail.comLeave a Comment

CSS, web sayfalarınızı stilize etmek ve görünümünü özelleştirmek için güçlü bir araçtır. Bu özelleştirmelerin bir parçası olarak, CSS pseudo-elements veya diğer adıyla yalancı elemanlar, belirli parçaları hedef almanın ve stil eklemenin etkili bir yolunu sunar. Bu blog yazısında, CSS pseudo-elements kullanımını anlayacak ve örnek kod blokları ile destekleneceksiniz. 1. ::before ve ::after Pseudo-elements ::before ve […]

“CSS Layout – Horizontal & Vertical Align: Tasarımınıza Yön Veren İki Temel Konsept”

Mart 10, 2024porsukcansu@gmail.comLeave a Comment

CSS layout düzenlemeleri, web tasarımında sayfa öğelerini yerleştirme ve düzenleme konusunda kritik öneme sahiptir. Bu yazıda, özellikle horizontal (yatay) ve vertical (dikey) align konseptlerini ele alacak ve bu iki temel konseptin tasarımınıza nasıl yön verebileceğini öğreneceğiz. Yatay (Horizontal) Align: CSS’de yatay düzenleme genellikle öğeleri birbirine veya bir konteynıra göre hizalama işlemidir. İşte yatay align konseptini […]

“CSS Layout – display: inline-block Kullanımı”

Mart 9, 2024porsukcansu@gmail.comLeave a Comment

Web tasarımında sayfa düzenlemesi, HTML ve CSS’in etkileşimli kullanımı ile mümkün olur. display: inline-block özelliği, öğeleri blok gibi düzenlemenin yanı sıra, öğeleri yatay olarak sıralama yeteneği sunar. Bu, özellikle navigasyon menüleri, düğmeler ve içerik kutuları gibi öğeleri hizalamak için kullanışlıdır. display: inline-block Nedir? display: inline-block, bir öğenin inline ve block özelliklerini birleştirir. Yani, öğe içeriklerini […]

“CSS Layout: float ve clear ile Sayfa Düzeni”

Mart 8, 2024porsukcansu@gmail.comLeave a Comment

CSS (Cascading Style Sheets), web sayfalarının düzenini oluştururken önemli bir rol oynar. Sayfa düzenini sağlamak için kullanılan bazı temel özelliklerden biri float, diğeri ise clear özelliğidir. Bu özellikleri kullanarak sayfa içinde öğeleri konumlandırabilir ve düzenleyebiliriz. float Özelliği ile Öğeleri Hizalama float özelliği, bir öğenin normal akıştan çıkartılıp sağa veya sola yaslanmasını sağlar. Genellikle öğelerin yan […]

“CSS Tables: Tasarım ve Yapılandırma İçin Tablo Stilleri”

Mart 2, 2024porsukcansu@gmail.comLeave a Comment

Web tasarımında tablolar, verileri düzenlemenin ve düzgün bir şekilde göstermenin temel bir yoludur. CSS ile tabloları özelleştirmek ve stillemek için kullanılan tekniklere odaklanan bu yazıda, temel tablo stillemelerini göreceğiz. 1. Temel Tablo Yapısı: HTML’de bir tablo oluşturmak için temel yapı şu şekildedir: 2. Temel Stillemeler: CSS ile tabloyu temel olarak stillemek için: Bu basit stillemeler, […]

“CSS Lists: İşte Listeleri Düzenlemenin ve Süslemenin Yolları”

Mart 1, 2024porsukcansu@gmail.comLeave a Comment

1. Temel Liste Stilleri: HTML’de sıkça kullanılan liste türleri; <ul> (unordered list – sırasız liste) ve <ol> (ordered list – sıralı liste)’dir. 2. Liste Stillerini Özelleştirme: CSS kullanarak liste stillerini özelleştirebiliriz. Aşağıdaki örnek, sırasız listeyi noktalı daireler haline getirir: 3. Liste Elemanları Arası Boşluk: Liste elemanları arasındaki boşluğu belirleyebiliriz: 4. Sıralı Listelerde Rakamları Gizleme: 5. […]

“CSS Links ile Web Sayfalarını Şıklığa Kavuşturun”

Şubat 29, 2024porsukcansu@gmail.comLeave a Comment

Web sayfaları, kullanıcı deneyimini zenginleştirmek ve estetik bir görünüm sağlamak için CSS (Cascading Style Sheets) kullanır. Bu yazıda, özellikle bağlantı elementlerini (link) hedefleyerek CSS kullanma konusunu keşfedeceğiz. Bu sayede, web sitenizin bağlantıları üzerinde daha fazla kontrol sahibi olabilir ve kullanıcıların sayfanızda rahat gezinmelerini sağlayabilirsiniz. 1. Temel Bağlantı Stilleri: CSS ile bağlantılar üzerinde temel düzenlemeler yapmak […]