Javascript

Javascript Çatıları

Tamer tarafından, 07 16 2014 16:34:00 tarihinde yayınlandı.

Merak ettimde Javascript'da en çok hangi çatılar kullanılıyor ?

Bower

Twitter tarafından geliştirilen ve arayüz geliştiricileri için dizayn edilen javascript paket yöneticisidir. Bower JavaScript kütüphanelerini yönetirken çok büyük kolaylık sağlamaktadır. İhtiyaç duyulan tüm javascript ve css kontrol eder ve yükler. Bower paket yöneticisi  SEMVER (Semantic Versioning) yapısını kullanmaktadır. Yüklenen paketler arası versiyonlar, eğer başka paketlere çakışmıyorsa en güncel versiyonu yükler.   

Daha fazla bilgi için
bower.io


Modernizr

Tarayıcıların gelişen web teknolojilerine destek vermek amaçlı oluşturulan javascript kütüphanesidir. Özellikle sonb yıllarda HTML5 ve CSS3 kullanılmaya başlamasından sonra Internet Explorer ve Safari gibi gelişkin olmayan tarayıcılarda çeşitli sorunla çıkabiliyordu. İşte bu ihtiyaca binayen Modernizr farklı tarayıcılara destek verebilme özelliği sağlıyor.

Daha fazla bilgi için Modernizr.


jQuery

jQuery sanırım hepiniz biliyorsunuzdur. Çünkü gerçekten çok populer ve yaygın. Yine bildiğimiz kadarıyla animasyon ağırlıklı kullanılan bir javascript çatısıdır.

Daha fazla bilgi için jQuery.

 

Mocha

Mocha zengin özellikli test için dizayn edilmiş web arayüzde çalışan Javascript kütüphanesidir.Mocha ile ilgili gerekli şeyleri daha sonra sizinle paylaşacağım.

Daha fazla bilgi için Mocha.


Angular.js

Az kod yazıp çok iş yapmaya yarayan bir Javascript çatısıdır. İçerisinde ihtiyaç duyulan her türden fonksiyonun bulunduğu geniş bir araçtır. Her ne kadar yaygın olmaması nedeniyle çekimser bakılsada Google tarafından desteklenen ve artık gerekli hale gelen bir çatıdır.

Daha fazla bilgi için Angular.

Etiketler : Jquery, Javascript, Yazılım, Genel

jQuery Stepbystep Eklentisi

Tamer tarafından, 11 30 2012 03:50:00 tarihinde yayınlandı.

Stepbystep

jQuery için yazdığım ilk eklenti olan Stepbystep nesnelere sıralı efekt imkanı sağlamaktadır.Eklenti sayesinde sıralı neslelere ister rasgele şekilde ancak hepsini tamamlayacak şekilde sıralayabilir, istersenizde baştan sona doğru sıralayabilirsiniz.
Eklentiyi Buradan İnceleyebilirsiniz.

Etiketler : Jquery, Javascript, Yazılım, Genel

jQuerty xHolder Eklentisi

Tamer tarafından, 11 23 2012 19:36:00 tarihinde yayınlandı.

xHolder 

xHolder input tagları için value değerlerinizi geçici olarak tutmaya sağlayan Umur Gedik tarafından yazılan jQuery eklentisidir.

Kurulum

HTML kısmı

<input class="holder" name="name" rel="Ad, Soyad" />

Javascript Kısmı

$('input.holder').xHolder();

Örnek

İndirmek için tıklayınız.

Etiketler : Jquery, Javascript, Yazılım, Genel

Underscore.js ile rahat rahat yazın!

Tamer tarafından, 11 15 2012 22:59:00 tarihinde yayınlandı.

NEDİR BU UNDERSCORE.JS ?

Underscore.js javascript'de fonksiyonel programlamayı daha esnek bir hale getirmek amaçlı geliştirilen bir kütüphanedir. İçeriğinde çok yararlı listeleme, sorgulama, nesne ve fonksiyon bazlı araçlar bulunmakta.

Underscore.js'in geliştiricileri aynı zamanda Backbone.js'inde geliştiricileridir. Her iki proje bir DocumentCloud projesidir.
Öyle ki Backbone.js'yi kullanmak için projenize Underscore.js'i dahil etmeniz gerekiyor.

PEKİ NE İŞİME YARAR ?

Eğer daha önce Ruby kullandıysanız çok Ruby'deki gelişi güzel fonksiyonların bir benzer niteliğinde 80 küsür fonksiyonlarla karşılacaksınız.

 Örneğin map ve pluck'ı kullanımını aşağıda görebilirsiniz.

var ekip = [   
    {isim: 'tamer', sehir: 'ankara'},   
    {isim: 'umur', sehir: 'istanbul'},   
    {isim: 'altan', sehir: 'ankara'},   
]  
_.map(ekip, function (getir) { return getir.isim });  
>> ["tamer", "umur", "altan"]  
_.pluck(ekip, 'isim');   
>> ["tamer", "umur", "altan"]

Underscore.js kullandıkça kullandıran bir kütüphanedir. Hepsi ve daha fazlası için burdan inceleyebilirsiniz.

Etiketler : Javascript, Yazılım, Genel

Javascript'te fonksiyon deneticisi

Tamer tarafından, 10 12 2012 20:29:00 tarihinde yayınlandı.

 Javascript'te değişkenin fonksiyon tipinde olup olmadığını denetlemeye yarar.


function isFunction(variable) {
  return Object.prototype.toString.call(variable) == '[object Function]';
}
// use
test = function(){ alert("a"); }

if(isFunction(test)){
test();
}
Etiketler : Yazılım, Genel, Javascript