BilGen Blog
HTML, CSS, JavaScript, React ve Node.js konularında açıklamalı kod örnekleri, uygulamalı ders notları ve yazılım geliştirme rehberleri.
377 yazı · Sayfa 3 / 21
JavaScript'te ... (rest operatörü) ile tanışın! Destructuring işlemi sırasında dizilerden ve objelerden geriye kalan tüm değerleri nasıl tek bir değişkende toplayacağınızı öğrenerek kodunuzu daha etkili hale getirin.
Yazıyı oku
Web geliştirme sürecinde kullanıcı etkileşimini dinamik hâle getirmek için JavaScript oldukça güçlü bir araçtır. Bu etkileşimlerden biri de sayfa üzerindeki HTML elemanlarını JavaScript ile kaldırmak yani DOM’dan (Document Object Model) silmektir. Bu yazıda, yalnızca DOM’dan eleman silme işlem
Yazıyı oku
Web geliştirme sürecinde kullanıcı etkileşimini dinamik hâle getirmek için JavaScript oldukça güçlü bir araçtır. Bu etkileşimlerden biri de sayfa üzerindeki HTML elemanlarını JavaScript ile kaldırmak yani DOM’dan (Document Object Model) silmektir. Bu yazıda, yalnızca DOM’dan eleman silme işlemini an
Yazıyı oku
Web sayfalarının arka planında büyük bir yapı yer alır: DOM, yani Document Object Model. HTML ile yazdığımız her satır, tarayıcı tarafından bir ağaç gibi dallanarak nesnelere dönüştürülür. JavaScript, bu ağaç üzerinde gezinmemizi sağlar. Bu makalede, DOM içinde bir elemanın ebeveynine, çoc
Yazıyı oku
Web geliştirme dünyasında HTML, CSS ve JavaScript bir bütün olarak çalışır. HTML ile sayfanın iskeletini kurarız, CSS ile görsel görünümünü şekillendiririz, JavaScript ile de sayfaya hareket ve etkileşim kazandırırız. Bu üçlünün birlikte nasıl çalıştığını anlamanın en önemli yollarından biri d
Yazıyı oku
Web sayfaları sadece HTML ile iskelet haline gelir. Görsel görünüm ve düzen CSS ile sağlanırken, bu sayfanın dinamik olarak değiştirilmesi JavaScript’in alanıdır. JavaScript sayesinde bir elementin rengi değiştirilebilir, yazı tipi büyütülebilir ya da kenarlık eklenebilir. Bu makalede, bir HTM
Yazıyı oku
Web sayfaları sadece yazı ve görsel içerikten oluşmaz. Her HTML öğesinin, yapısını ve davranışını belirleyen bazı özel nitelikleri (attributes) vardır. Bu nitelikler, JavaScript ile sayfa üzerinde dinamik değişiklikler yapmak istediğimizde çok işe yarar. Bu yazıda, JavaScript ile HTML öğelerin
Yazıyı oku
Web sayfaları sadece statik yazılar ve görsellerden oluşmaz. Günümüzde modern web siteleri oldukça etkileşimlidir ve bu etkileşimi sağlayan temel dillerden biri JavaScript’tir. JavaScript sayesinde bir kullanıcı sayfayı görüntülerken, o anda sayfadaki içerikler değiştirilebilir. Bu yazıda, bir
Yazıyı oku
Modern web sayfalarında JavaScript, sayfa içeriğini değiştirmek, kullanıcıyla etkileşime girmek ve dinamik içerikler oluşturmak için çok sık kullanılır. Ancak tüm bu işlemleri yapabilmek için önce sayfadaki belirli HTML öğelerine ulaşmamız gerekir. Bu işleme "element seçimi<F
Yazıyı oku
Web sayfalarının yapısını HTML belirler, görünümünü CSS düzenler, ama sayfaya hayat veren şey JavaScript’tir. JavaScript ile bir sayfada gördüğümüz öğeleri seçip değiştirebiliriz. İşte bu makalede, JavaScript kullanarak sayfadaki birden fazla HTML öğesini nas
Yazıyı oku
Bir web sitesinde gezinirken gördüğümüz metinler, resimler, butonlar aslında sadece HTML etiketlerinden ibaret değildir. Web sayfaları, JavaScript sayesinde dinamik hale gelir ve kullanıcı etkileşimlerine cevap verebilir. Örneğin bir butona tıkladığımızda bir menünün açılması, bir kutunun reng
Yazıyı oku
HTML ve CSS kullanarak bir web sayfası oluşturduğumuzda, sayfanın iskeleti ve görsel tasarımı ortaya çıkar. HTML ile başlıklar, paragraflar, görseller gibi içerikler eklenir; CSS ile bu içerikler renklendirilir, hizalanır ve biçimlendirilir. Ancak bu noktada sayfamız hâlâ stat
Yazıyı oku
JavaScript, güçlü ve esnek bir programlama dili olsa da bazı konuları ilk başta anlamak zor olabilir. Bu konulardan biri de this anahtar kelimesinin davranışıdır. Özellikle arrow function (ok fonksiyonları) ile birlikte kullanıldığında, this’in nas
Yazıyı oku
Programlamada bazı durumlarda elimizdeki birden fazla veriyi işleyip, tek bir sonuca ulaşmamız gerekir. Örneğin bir alışveriş sepetindeki ürünlerin toplam fiyatını bulmak, bir sınavda alınan en yüksek puanı belirlemek ya da bir metindeki en uzun kelimeyi seçmek gibi işlemler buna örnektir. Jav
Yazıyı oku
Programlamada, özellikle JavaScript’te çalışırken, elimizde bir dizi (array) olduğunda bu dizideki elemanlarla bazı testler yapmak isteriz. Örneğin bir listedeki tüm ürünlerin stokta olup olmadığını kontrol etmek ya da en az bir ürünün indirimde olup olmadığını öğrenmek gibi. İşte bu t
Yazıyı oku
JavaScript’te programlama yaparken elimizde genellikle listeler (diziler) bulunur. Bu listelerin içinden bazı elemanları ayıklamak, belirli kurallara uyanları seçmek isteyebiliriz. Örneğin bir öğrenci listesi düşünelim. Bu listeden sadece notu 70’ten yüksek olan öğrencileri almak isteyebiliriz
Yazıyı oku
Modern web uygulamalarında, zamanlamayla ilgili işlemler oldukça yaygındır. Örneğin, bir mesaj kutusunun birkaç saniye sonra kapanması, bir işlemin düzenli aralıklarla tekrarlanması ya da otomatik olarak kendini durdurması gibi durumlar JavaScript ile oldukça kolay bir şekilde gerçekleştirileb
Yazıyı oku
JavaScript öğrenmeye başlayan birçok kişinin karşılaştığı modern yazım biçimlerinden biri arrow function (ok fonksiyonları) olarak bilinir. Fonksiyonlar, bir işlemi tekrar tekrar yapmamız gerektiğinde kodu tek yerde tanımlamamızı sağlar. Ancak klasik fonksiyo
Yazıyı okuÇerez tercihlerin
Platformun çalışması için zorunlu çerezler kullanıyoruz. İzin verirsen anonim kullanım verilerini ölçüyoruz. Ayrıntıları incele