26 Ağu 2016

Javascript Array.filter() Metodu ve Kullanımı

Önceki yazılarımdan birisinde array prototipinin .map() özelliğinden bahsetmiştik. Ayrıca göz atabilirsiniz. Bu yazıda bir diğer, kullanım alanı az olmasına rağmen kodlamayı hızlandıran array metodu filter()'ın nasıl kullanıldığından bahsedeceğim; Filter, array içinde, array ile alakadar verileri kullanarak, istenilen durumlara göre array'i filtrelemenizi sağlayan bir metoddur. Map metodu gibi, her array elemanı için boolean dönen bir fonksiyon […]

21 Ağu 2016

Javascript ile Klavye Tuşu ile Div Açıp/Kapatmak

Az önce gördüğüm bir mail'de, mantık olarak gayet basit olan küçük Javascript örneği üzerine bir soru aldım; Soru şöyle ki; klavyede bir tuşa basıldığında bir divi açmak veya kapatmak isteniyor. Burada kullanacağımız özellikler onkeydown olayı ve keyCode tanımlayıcısı. Mantıksal olarak, keyCode'u istenilen tuş olan tuşa basıldığında, dom elementini manipüle edeceğiz. Örneğimizde nasıl yapacağımızı görelim; var […]

20 Ağu 2016

Javascript Array.map() Metodu ve Kullanımı

Javascript array veri tipinde, her bir array elemanı için gerçekleştirilmesini istediğimiz fonksiyonlar olduğu durumlarda map() metodu gerçekten çok işe yarar bir özellik. var array = [5,10,22,4]; var array2Kati = array.map(function(sayi){ return sayi * 2; }); console.log(array2Kati); Konsol çıktısı: Array [ 10, 20, 44, 8 ] Buna ek olarak map() metodu ile yeni bir array döndürmek […]

10 Ağu 2016

Dexie.js ile Daha Rahat IndexedDB Kullanımı

Dexie.js, indexedDB için bir wrapper kütüphanesidir diyebiliriz. Eğer indexedDB kavramına yabancıysanız, indexedDB'yi, tarayıcılar tarafından standart olarak kullanılan client-side veritabanıdır diyebiliriz. Peki indexedDB'nin kendi programlama arayüzü yerine bir wrapper'ı neden kullanıyoruz? IndexedDB, aslına bakarsanız çok karışık ve javascript'in geliştiği kodlama yönüne göre farklı şekilde gelişmiş bir API, bu nedenle geliştiricilere yabancı veya itici gelebiliyor. Dixie.js ile […]

06 Ağu 2016

Aygıt Orientation (Tutuş Biçimi) Değişiklikleri ve Mobil Uygulamalar

Web teknolojileri ile mobil cihazlar için uygulama geliştirirken işimize yarayabilecek önemli bir bilgi, cihazın tutuluş tipidir (dik/yatay) diyebiliriz. Bu tip durumlarda, screen objesinin altında sunulan orientation değişkenini screen.orientation olmak üzere kullanabiliriz. Bu değişken bir obje dönmekte ve obje şu tip bir yapıya sahip; { type: "landscape-primary", angle: 0, onchange: null, ownerGlobal: Window → newtab } […]

03 Ağu 2016

Nodemon – Node.js Uygulamalarındaki Değişiklikler Anlık Görüntüleyin

Node.js uygulaması oluştururken karşılaştığım en rahatsız edici özellik; uygulamada yaptığınız değişikleri görüntüleyebilmek için an itibari ile çalışan uygulamayı durdurup tekrar başlatmaktı. Bunun için, dosya değişikliklerini izleyen küçük bir script yazılabilir, fakat nodeman uygulama dosyası klasörü içerisinde yapılan değişiklere anında tepki verip uygulamayı yeniden başlatıyor. Ayrıca bunu browsersync gibi, otomatik tarayıcı güncelleme eklentileri ile de birleştirince […]

30 Tem 2016

Javascript Yazıyı Ses’e Çevirme Eklentisi (TTS): ResponsiveVoice.org

ResponsiveVoice.com, google tarafından geliştirilen ses motorları üzerinden, javascript üzerinde sunduğunuz string değişkenini istediğiniz dile çeviren bir api'a sahip. Anladığım kadarıyla mantığı, sizin request ettiğiniz kelimeyi kendi sunucusunda generate ederek size bir ses dosyası olarak sunuyor- bu ses dosyasını oluşturdukları javascript api'ı ile HTML5'in ses özellikleri ile sayfanıza ekliyor. Gayet güzel bir eklenti, kullanımına bir göz […]

29 Tem 2016

Touch Aygıtlarda Tıklama Gecikmesini Kaldırmak: fastclick.js

Mobil tarayıcılarda, tıklama (click) olayı dokunmatik aygıtların dokunmaya başlamasından (touch-start) 300ms sonrasında gerçekleşmektedir. Bu durumun önüne geçmek için kullanımı çok basit olan fastclick.js kütüphanesini kullanabiliriz. Mobile Safari iOS 3+ Chrome iOS 5+ Chrome Android (ICS) Opera Mobile 11.5+ Android Browser 2. versiyona kadar. PlayBook OS 1+ Tarayıcılarında bu eklentiyi kullanabilirsiniz. Kullanımı; Head bölümünde viewport ayarlarını […]

27 Tem 2016

Javascript’te İki Array veya Objenin Birbirinin Aynı Olması Kontrolü

Bu yazıda iki array veya obje değişkenenin birbirinin aynısı olup olmadığının kontrolünü Javascript'te nasıl verimli bir şekilde gerçekleştirebiliriz sorusuna cevap arayacağız. İsterseniz öncelikle bir array değişkenini göz önüne alalım. //1. array var arr1 = ["patates", "domates", "patlıcan"]; //2. array var arr2 = ["patates", "domates", "patlıcan"]; Bu örnekte 1. ve 2. array birbirinin aynısı mıdır? İlk […]

21 Tem 2016

AngularJS ile Türkçe İşaret Dili Uygulaması Örneği

Angular'ın ng-repeat özelliğini gösteren bir uygulama fikri ararken, tdk'nın sitesinde işaret dillerinin giflerinin bulunduğunu gördüm bunun üzerine, bu gifleri kullanarak angular ile kelimelerin ve cümlerin anlık olarak bu gifler ile sunulabileceğini küçük bir angular uygulaması oluşturdum. http://www.tdk.gov.tr/components/com_gts/assets/images/{HARF}.gif Fakat tdk'nın sunduğu giflerde şöyle bir sorun bulunuyor, eğer harf ASCII dışı özel bir Türkçe karakter ise, harfin […]