Jquery Kullanırken İşinizi Kolaylaştıracak Paket px-core

31 Ekim 2023 Salı - 08:58 (1 Yıl önce)

Javascript kütüphanelerinden en eski ve en yaygın kullanılan Jquery halen birçok web sitesi, bir çok web uygulamasında kullanılmaktadır. JQuery ham javascript e yakınlığı, esnek ve kolay kullanımı özellikle internetteki arama yaptığınızda birçok kaynak bulma yönünden oldukça avantajlı. Her ne kadar yeni nesil javascript kütüphaneleri (React, VueJS, NodeJS vb.) ile arasında çok fark olsada hafif ve derleme ihtiyacı olmadan çalışma avantajlarından dolayı halen yoğun olarak tercih ediliyor. Jquery her türlü hosting veya server da çalışmak için herhangi bir kuruluma veya motora (nodejs) ihtiyaç duymaz. Tamamen Frontend (Client) de çalışan bir kütüphanedir. Kullanıma başlamak için kütüphanesini referans almanız yeterli olacaktır.

https://jquery.com/download/

Jquery nin kendine ait bir UI kütüphaneside vardır. Bununla html nesnelerinize özellik katabilir daha kullanışlı uygulamalar geliştire bilirsiniz.

https://jqueryui.com/

JqueryUI gibi npmjs  de veya github da yayınlanmış bir çok paketde bulunmaktadır. İşte bu paketlerden bir taneside px-core paketi.

Kurulum

npm i px-core

px-core javascriptlerinizi geliştirirken yazmış olduğunuz kod bloklarını kısaltmayı amaçlamaktadır. Örneğin Ajax işlemi yapacaksanız bunu tek satıra indirgemektedir. 

  • core.run("request_url", {params}, { form: "#formid or class - optional", waittext: "message to show until ajax result comes" }, function(e, err){ //e = data block returned as ajax result });

px-core ile birlikte içerisinde birçok alt pakette gelmektedir. Bunlar core.utilities,  core.property, core.events, core.crypt, core.json.

https://github.com/PiriAykut/px-core

core.utilities : Methodlarınızı kısaltmayı amaçlayan birbirinden farklı function içerir. Hepsini incelemenizi tavsiye ederim. (round işlemi, image_resize,dateDiff, age, getTextToDate, getDateFormat bunlardan bazıları )

core.property : Nesnelerinize ek özellikler katar. Örneğin $('#input').val().toFirstUpperLastLower() -> "Deneme" Baş harfi büyük diğerleri lüçük olacak şekilde çıktı verir.

core.events: Nesneleriniz için ek olaylar tanımlar Örneğin < input class="selecttext" type="text" / > class a yazılmış olan selecttext ibaresi cursor input a focuslandığında içindeki yazıyı otomatik seçili hale getirir.

core.crypt : Text kriptolama ve çözümleme işlemlerinize olanak tanır. (core.crypt.en("..."); core.crypt.de("....");)

 

 


  • Jquery
  • Yazılım
  • Javascript
  • Npm



Yorumlar
Sende Yorumunu Ekle
Kullanıcı
0 karakter