JS Kütüphaneleri ile Çalışmak

JS kütüphaneleri programcıların ihtiyacı olan temel işlevleri, elementleri ve özellikleri sağlayan, JS temelli uygulama geliştirme sürecini kolaylaştıran ve kısaltan hazır kodlarıdır.

Tekrar kullanılabilirlik, ücretsiz yardım kanalları, yapısallık ve genişletilebilirlik

Tekrar kullanılabilirlik ilkesinin küçük çaplı projeler için sorun yaratması olasıdır. Kütüphanelerin geniş bir özellik yelpazesi sunduğu göz önüne alındığında binlerce satırdan oluşan kodların kullanıcı bilgisayarına gönderilmesi ve bu bilgisayarda çalıştırılması gerekmektedir. Özellikle eski model bilgisayarlar ve mobil cihazlarda kütüphaneler nedeniyle projelerin yavaş yüklenmesi ve çalıştırılması olasıdır. Bu durum, kütüphane yeteneklerinin belki de yüzde beşini kullanan küçük çaplı projeler için ekstra bir yük olarak düşünülebilir.

Güvenlik, tasarım, yerelleştirme, tarayıcılar arası farklılıklarla başa çıkma ya da çoklu dil desteği gibi konular için zaman ayırmanıza gerek kalmayacaktır.

Programlama literatüründe kullanıcının gördüğü arayüzlere ön yüz (front-end) denmektedir. Bunun yanında, uygulamaların arkasında çalışan veri tabanı erişimi, hesaplama rutinleri gibi işlevlere ise arka yüz (back-end) adı verilmektedir.

Belgeleri bir veri setine göre düzenlemek için kullanılan bir kütüphanedir ve veriden elde edilen bilgileri kullanarak HTML, SVG ve CSS teknolojileri üzerinde işlem gerçekleştirebilmektedir.

BabylonJS kütüphanesi WebGL teknolojisini kullanabilmektedir.

JQuery’nin temel amacı, JS ile gerçekleştirilen genel programlama görevlerinin, daha az kod ile gerçekleştirilmesidir. Platformun sloganı “daha az kod ile daha fazla üretimdir”.

JQuery’nin temel amacı internet programcılığını kolaylaştırmak ve hızlandırmak olduğundan, öğrenilebilmesi için temel düzeyde HTML, CSS ve JS bilgisi gerektirir.

1. HTML/DOM düzenleme: Sayfadaki HTML DOM üzerinde ekleme, silme ve düzenleme işlemleri gerçekleştirilebilir.
2. CSS düzenleme: Sayfadaki elementlerin CSS stilleri üzerinde düzenleme yapılabilir.
3. HTML olaylarına tepki verme: HTML’nin sağladığı tüm olaylara tepki verecek fonksiyonlar hazırlanabilir.
4. Görsel efekt ve animasyonlar: Bir elementi soluklaştırarak silme, bulunduğu ortamda sağa sola hareket ettirme gibi pek çok hazır görsel efekt ve animasyon sağlanmaktadır.
5. AJAX: Sayfayı yenilemeden arka planda bir sunucudan veri çekme, sunucuya veri gönderme ve alınan sonuçlara göre sayfa içeriğini düzenleme işlemleri yapılabilir.

Bir elementin klavye odağına alınması

Elementin CSS özelliklerini verilen süre içinde değiştirir. Anime edilecek özellikler küme parantezleri içinde virgüllerle ayrılarak yazılır. Özelliğin yeni değeri üst üste iki noktadan sonra tırnaklar içinde yazılır.

Seçilen girdi alanının değerini çeker ya da düzenler.

JQuery’nin önemli işlevlerinden biri de elementlerin CSS özelliklerini düzenleyebilmesidir. CSS metotları elementlerin görünüşlerini değiştirmek için kullanılır. Elementin CSS özellikleri üzerinde doğrudan düzenleme yapmak ya da özellikleri çekmek için css metodu kullanılır.

Elementin CSS özellikleri üzerinde doğrudan düzenleme yapmak ya da özellikleri çekmek için css metodu kullanılır.

JQuery Mobile (JQM) HTML5 temelli, öncelikle mobil cihazları hedef alan bir kullanıcı arayüzü geliştirme sistemidir.

JQM’in sunduğu başlıca özellikler arasında sayfalar arası geçişler, AJAX kullanarak veri çekme, dokunma olayları ve öncelikle mobil cihazlar için üretilmiş elementler sayılabilir.

JQM tek sayfalık uygulamalar (Single page application) üretmek için kullanılır. Tek sayfalık uygulamalar tek bir HTML sayfasında oluşturulur. Tüm içerikler bir sayfa içine yazıldığından, bu uygulamalar sayfaların yeniden yüklenmesine gerek bırakmaz. Kullanıcı uygulamanın içinde önceden oluşturulmuş sanal sayfalar arasında gezinebilir ya da bir internet servisinden çekilen sanal sayfa içeriklerini inceleyebilir. Sayfa tamamen tekrar yüklenmediğinden ya da başka bir sayfaya yönlendirilmediğinden kullanıcılar masaüstü uygulamalardakine benzer deneyimler yaşar.

JQM sisteminde diyalog kutuları, açılır kutular ve paneller olmak üzere üç farklı kutu elementi kullanılabilir.

Hazırlanan herhangi bir JQM sayfasının diyalog kutusu olarak gösterilebilmesi için yapılması gereken sayfa oluşturulan div etiketine data-dialog=”true” ifadesi eklemektir.