Etkileşimli Ögeler

Günümüzde internet sayfaları ziyaretçilere kolay kullanımın yanı sıra görsel efektler de sunmaya önem vermektedir. Özellikle, milyonlarca kullanıcısı olan sosyal paylaşım siteleri ve gelişmiş çevrim içi uygulama yapıları ziyaretçilerin isteklerine cevap verirken işlemin doğru bir şekilde yapılmasını sağlamanın yanında kulanıcı psikolojisini de ele almaktadır. Örneğin; sayfada yer alan bir resmin bağlantısına tıklandığında görselin büyük boyutlu hâli ziyaretçiye sunulacak ise bu işlemi yeni bir pencere açmadan, aynı sayfa içerisinde yaparak ziyaretçinin bilgiye ulaşması kolaylaştırmaktadır.

Bir internet sayfasına animasyonlar ekleyebimek için Adobe Flash kullanılabilir. Ancak, bu durumda ziyaretçinin tarayıcısında Adobe Fash Player eklentisinin yüklü olması gerekir ve bu durum geliştiriciler için bir dezavantajdır.

Ziyaretçinin bir internet adresini yazdıktan sonraki, sayfanın yüklenmesine kadar olan süreçte bilgi aktarımı, sunucu – ziyaretçi arasında yaşanmaktadır. Sayfa içeriği tarayıcıya yüklendiği anda sunucu ile bağlantı kesilir. Bu noktadan sonra gerçekleştirilecek bütün değişiklikler için javascript kullanılır. Ancak; bütün geliştiricilerin javascript’in özelliklerini kullanabilmeleri için ayrıca bir zaman ayırmaları gerekir. jQuery, geliştiricilere javascript kullanılarak hazırlanan birçok özelliği kolayca kullanabilme imkânı vermektedir. Özetle jQuery, bir uygulama dili değil; javascript kullanılarak oluşturulmuş kütüphanedir.

jQuery kütüphanesinde yer alan efetler genellikle bütün HTML elementlerine uygulanabilir. Örneğin, sayfada yer alan bir resim veya form içerisinde yer alan bir metin alanı, jQuery efetkleri kullanılarak gizlenebilir veya gizli durumdayken görünür hâle getirilebilir.

jQuery kütüphanesinin kullanımı yaygınlaşmaya başladıktan sonra görsel efektlere yönelik olarak 2007 yılında yayımlanan jQuery UI kütüphanesi, tamamen kullanıcı arayüzü geliştirmeye odaklıdır.

jQuery veya React gibi popular javascript kütüphaneleri birçok fonksiyondan oluşan birer dosyadır. Bu fonksiyonlar genel kullanıma uygun olabilmesi için standartlaştırılmış ve açıklayıcı dokümanlar tarafından desteklenmiştir. Geliştiriciler aynı işlevlere sahip kendi kütüphanelerini sıklıkla üretmekte ve kullanmaktadır. Standart bir kütüphane mi kullanılmalı yoksa kendi geliştireceğiniz bir kütüphaneyi mi kullanmalısınız sorusunun cevabı için temel etken nokta çalışanlar olmalıdır. Eğer, projeler geliştirilirken bir ekip tarafından iş paylaşımı yapılıyorsa standart bir kütüphane kullanmak daha sağlıklı olacaktır. Bunun nedeni, ekip üyelerinin zaman içerisinde değişebilecek olması ve standart kütüphaneye olan entegrasyonunun hali hazırda dışardan gelecek bir ekip üyesi tarafından biliniyor olma ihtimali nedeniyledir. Eğer projeleri bireysel olarak geliştiriyorsanız o zaman kendi kütüphanenizi geliştirmeniz ve kullanmanız projenin bitiş süresini kısaltabilir. Çünkü, her bir işlev için dokümanlarda ve örneklerde vakit harcamak; sizin tarafınızdan geliştirilen bir kütüphaneyi uygulamaya geçirmekten daha fazla vakit alacaktır.

En popüler HTML manipülasyonu (DOM) Javascript kütüphaneleri “Google Polymer”, ”Dojo Toolkit”, ”jQuery”, ”midori”, ”MooTools”, ”Prototype JavaScript Framework” olarak; en popüler grafik/görselleştirme için de popüler Javascript kütüphaneleri de “Babylon.js”, ”Chart.js”, ”D3.js”, ”Google Charts”, ”Highcharts”, ”p5.js”, ”Raphaël”, ”RGraph”, ”Three.js”, ”Velocity.js”, ”Verge3D” olarak 12 adet şeklinde listelenebilir.