Bir dizi içerisindeki tüm elemanları tek tek gezerek verilen fonksiyonu her eleman için çalıştıran bir Javascript dögüsüdür. forEach bir dizi / array üzerinde çalışır. Bir adet callback fonksiyonu alır. Sonrasında dizinin tüm elemanlarını tek tek gezer ve her eleman için bu callback fonksiyonunu çalıştırır. Önemli olan noktalardan bir tanesi de bu elemanı callback fonksiyonuna bir parametre […]
Farklı amaçlar için tasarımlarımızda butonlar oluşturmamız gerekiyor. Bunun için Html bize Button etiketini veriyor. Fakat her zaman Html kodları içerisinde işlem yapmak durumunda değiliz. Bazı durumlarda Javascript kodları içerisinde de buton oluşturmak gerekebilir. Bunun için farklı yöntemler denenebilir. Biz bu yazımızda Javascript createElement metodunu kullanarak yeni bir buton oluşturup onu sayfamıza ekleyeceğiz. Sonrasında da ona bir onclick eventi ekleyeceğiz. createElement İle Button
JavaScript ile çalışırken çoğu zaman APIler üzerinden veri alışverişinde bulunmak gerekir. Kimi mesela döviz fiyatlarını almak veya bir ürün bilgisine ulaşmamız gerekebilir. Bununla birlikte bir e-ticaret sitesindeki ürün fiyatını da güncellememiz gekekebilir. Bu tip işlemler için JavaScript bize Fetch APIyi sunuyor. Daha öncesinde XMLHttpRequest yapılan bu işlemler için çok daha kolay bir yol sunar. JavaScript Fetch API Nedir?
Tablolar veri sunumu için harika seçeneklerdir. Farklı verileri bir arada göstermek için iyi bir seçenek olarak karşımıza çıkar. Html ile tablo oluşturmak için table etiketini kullanıyoruz. Bu etiket bir çok alt etiket ile birlikte tablo oluşturmak için kullanılır. Bu yazıyı okuyorsanız bu sizin HTML TABLE etiketini ve Html ile tablo oluşturmayı bildiğinizi gösterir. Yada en azından konu hakkında bilginiz
Döngü belirli bir işlemin defalarca yapılması için kullanılan yapıya denir. Program yazılırken en çok kullanılan yapılardandır. Belirli bir dizinin ( mesela renklerin bulunduğu bir dizi) içerisindeki tüm elemanlar için aynı işlemlerin yapılması gerektiği durumlarda kullanılabilir. Döngüler (loops) genel olarak iki şekilde çalışır. Dizi İçerisindeki Tüm Elemanları Gezen Döngüler Kaç döngü yapılacağı belli olmayan ve bir
Öncelikle UUID nasıl oluşturulur konusuna geçmeden kısaca UUID nedir ve neden kullanılır sorusuna bir cevap arayalım. UUID Nedir? UUID (universally unique identifier) 32 karakter boyutunda 16 bayt boyutunda benzersiz bir tanımlayıcıdır. Özellikle veri tabanları gibi uygulamalarda veri oluştururken benzersiz bir tanımlayıcı (ID) oluşturmak için kullanılır. Çokca kullanılan tamsayı (int) tabanlı ID tanımlamaları yerine kullanılmaktadır. Tamamen
Javascript forEach metodu dizinin tüm elemanları için verilen bir fonksiyonu çalıştırmak için kullanılır. Bunun anlamı, callback olarak fonksiyon dizinin her bir elemanı için ayrı ayrı çalışacaktır. Javascript forEach kullanımı oldukça kolay bir metoddur. Verilen fonksiyonu tüm dizi değerleri için çalıştırır. JavaScript Array forEach Metodu Nasıl Kullanılır? yazımızda forEach metodunun ayrıntılı incelemesini bulabilirsiniz. forEach metodunu kısaca tanıdığımıza göre şimdi
Node JS yapısı itibari ile bir Javascript çalıştırma ortamıdır. Javascript dosyalarını çalıştırmak için geliştirilmiştir. Google V8 Javascript motoru üzerine geliştirilmiştir. Bilindiği gibi Javascript yorumlanan bir dildir ve bir Javascript motoru üzerinde çalışmak zorundadır. Günümüzde bir çok Javascript motoru bulunmaktadır. Javascript uygulamaları ilk çıktığında sadece tarayıcılar (browser) üzerinde çalıştırılıyordu. Tarayıcılar üzerlerinde bulunan Javascript motorları sayesinde web
Javascript dizilerin başına eleman eklemek için unshift metodunu sunar. Unshift aldığı elemanları dizin baş tarafına ekler. Şimdi bunu örnekler ile açıklayalım. Javascript Array unshift Metdodu Bir dizin başına yeni bir eleman eklemek için kullanılan Javascript Array metodudur. Yazım şekli şeklindedir. Dizinin başına eklenmesi istenilen elemanlar aralarına virgül koyularak tek tek eklenir. Dizinin Başına Eleman Ekleme İlk olarak
React … operatörü nesne ve dizili elemanlarını ayrıştırmak için kullanılan bir Javascript operatörüdür. ES6 ile hayatımıza girmiştir. Bir çok işlemin oldukça kolay bir şekilde halledilmesi için kullanılır. Spread operatörü olarak isimlendirilir. Yazılım Şekli Spread operatörü aşağıdaki gibi kullanılır. Şimdi bu işlemleri tek tek inceleyelim. Javascript Spread Operatörü İle Fonksiyona Parametre Verme Elimizde bir fonksiyon olduğunu düşünelim ve
Javascript farklı alanlarda uygulama geliştirmek için kullanılan bir programlama dilidir. Betik tabanlı bir dildir. Yorumlayıcı üzerinde çalışır, ilk çıktığı günlerin aksine sadece tarayıcı (browser) üzerinde çalışmaz, ayrıca farklı Javascript motorları üzerinde çalışabilir. Farklı alanlarda kullanılabilen bir dildir. İlk çıktığında web sayfalarını etkinleştirmek, onlara hareket katmak amacı ile geliştirilmiştir. Bu nedenle ilk yıllarında sadece tarayıcılar üzerinde
Javascript ile uygulama geliştirirken kullanılan bir dizide elemen bulma işlemi için farklı yollar vardır. Javascript bir çok array metodunu kullanıma sunar. Şimdi farklı işlemler için kullanabileceğimiz metodları görelim. Dizide Eşleşen İlk Elemanı Bulma Eğer dizi içerisinde aranan elemandan bir veya daha fazla varsa ve ilk eşleşen eleman isteniyorsa array find metodu kullanılabilir. Bu metod dizi içerisinde bir
Javascript ile sayıları dizilerini sıralama işlemi için array sort metodunu kullanıyoruz. sort metodu sayı veye metin dizilerini de sıralamak için kullanılır. Array.protype.sort Metodu sort metodu bir diziyi kendi içerisinde sıralar ve sonucu geri dönderir. Sıralama işlemini UTF-16 kod sistemine göre yapar. Bunun anlamı girdileri metin olarak kabul ederek, karekterlere göre sıralama yapacağıdır. Eğer sayılar içeren bir dizi sıralanmak isteniyorsa veya
Web sayfası içerisinde stil düzenlemeleri için genellikle Css kulllanıyoruz. Böylece sayfa görünümünü istediğimiz şekilde düzenleyebiliyoruz. Fakat bazı durumlarda sayfa içersindeki elemanların sitillerine Javascript ile müdehale etmemiz gerekebilir. Bu yazımızda javascript ile yazıyı hizalama nasıl yapılır inceleyeceğiz. Css text-align Özelliği Css text-align özelliği içerisinde metin bulunan elementlerin içeriğinin yatay hizalanması için kullanılır. Aldığı değerler ve ne işe yaradığı aşağıdaki gibidir.
Bir web sayfası gösterilirken farklı sayfaya geçmek gerekebilir. Bunu kullanıcıya bir link vererek yapabiliriz. Böyle kullanıcı linke tıkladığında o sayfaya gider. Fakat biz eğer bunu Javascript ile yapmak istiyorsak, buradaki amaç daha farklı olabilir. Mesela bir butona tıklandığında, o anki duruma göre farklı bir sayfaya gitmek istenebilir. Yada sayfa yüklendikten belirli bir süre sonra farklı
Javascript Butona Tıklandığında Sayfa Yönlendirme Read More »