Jquery öğrenmek ve kullanmak için 5 neden

26 Nis 2010 tarihinde eklendi. Blog | 3 yorum

Bu yıl web tasarım dünyasında en çok konuşulan konulardan biri hiç şüphesiz Jquery oldu ve olmaya da devam ediyor. Yazılımcıların haricinde biz web tasarımcılara da Javascript’i sevdirmeyi başardı Jquery.  Jquery‘nin bu kadar sevilmesinin ve şu sıralar en meşhur Javascript kütüphanesi olmasının başlıca nedenleri nedir diye düşündüğümde, sıralayacağım nedenlerin bir iki taneden daha fazla olduğunu farkettim. Hatta MooTools ve Prototype gibi diğer bilinen Javascript kütüphaneleri ile kıyaslarsak bu nedenlerin sayısını artırabiliriz.

Yazılımla pek de arası olmayan web tasarım uzmanlarının standart donanımı genelde arayüz tasarımı ile CSS ve Html kodlaması, biraz da Adobe Flash bilgisinden ibarettir. Tarayıcı teknolojisinin hızla geliştiği günümüzde, CSS ve Html kodlamasında uzman olan web tasarımcılar için bir sonraki aşama olan Jquery’i öğrenmeye zaman kaybetmeden başlamak gerektiğini düşünüyorum. Sıfırdan Javascript yazılımı öğrenmekte zorlanacağına inanan web tasarımcıların da, en azından hazır Jquery eklentilerinin web sitelerinde nasıl kullanılacağını öğrenmelerini ısrarla tavsiye ediyorum. Yani toplamda 2 ana başlıktan söz ediyorum:

1. Jquery öğrenmek
2. Jquery kullanmak

Web tasarımcılar olarak, Jquery öğrenmemiz veya en azından sitelerimizde hazır Jquery efektleri kullanmamız için 5 nedenin ne olduğuna açıklamalı ana başlıklar halinde bakalım.

Günümüzün web trendi

Makalenin başında da dediğim gibi, Jquery son zamanlarda oldukça meşhur. Web sitelerinde bu kadar çok kullanılması ile birlikte bir süredir kendi modasını oluşturdu. Bununla birlikte, yeni nesil web tasarımcı olmanın temel prensibinin de web trendlerini takip etmek olduğunu göz önünde bulundurduğumuzda, kendi projelerimizde Jquery kullanmak şart oldu. Çünkü web sitesi yaptırmak isteyen müşteriler, her zaman yenilikleri takip eden ve kendini yenileyen tasarımcıları tercih ederler.

Ben de her yeni nesil web tasarımcı gibi son projelerimde mutlaka Jquery kullanmaya önem veriyorum. Arayüz tasarımından kodlamasına kadar her aşamasıyla bana ait olan Cama Teknik ve DefenderTurk sitelerini incelediğinizde navigasyon menü, resim galerisi ve slayt efektlerinde Jquery kullandığımı göreceksiniz. Siz de bu tarz efektleri sitenizde kullanmak için sıfırdan Jquery yazmayı öğrenmek zorunda değilsiniz. Sadece hazır Jquery eklentisinin html yapısına nasıl eklendiğini öğrenmeniz yeterli olacaktır.

CSS’e uyumlu yapısı ile tasarımcı dostu

Jquery’nin, uzun bir süredir hayatımızda olan CSS ve yeni yeni kullanmaya başladığımız CSS 3 ile uyumlu yapısı, sitelerimizde kullanırken önemli bir avantaj sunuyor bize. Navigasyon menü, resim galerisi gibi bölümlere, hiç zorlanmadan ve fazla zaman kaybı yaşamadan Jquery efektleri ekleyebiliyorsunuz. Özellikle de CSS 3 ile birlikte gelen transition ve transform özelliklerinin Jquery ile birlikte kullanılmasıyla, muhteşem çalışmalar çıkıyor ortaya. CSS 3′ün yeni özelliklerinden dolayı bir çoğu şimdilik sadece yeni nesil tarayıcılar tarafından sorunsuz görüntülenebilse de sonuç ortada. Aşağıdaki resime tıklayarak, basit bir butonu Jquery ile ne denli etkileyici yapabileceğinizi görebilirsiniz. (Firefox, Safari veya Google Chrome kullanın)

Jquery ile Flash zahmetine son

Flash’ın (ve Action Script’in) web teknolojisindeki önemi gözardı edilemez tabiki. Ama siz de benim gibi, Flash’ı çoğunlukla animasyonlu menüler ve resim galerileri oluşturmak için kullanıyorsanız, şunu bilin ki ben bu zahmetten Jquery sayesinde bir süredir kurtuldum : ) Özellikle slaytlı resim galerilerinde flash tek çaremizdi ve bu da benim için fazladan harcanan zaman ve emek demekti. Jquery ile birlikte, sitenize aynen Flash ile yapılmış gibi görünen animasyonlu menüler, resim galerileri, mesaj pencereleri ve daha bir çok efekti Flash kadar zaman ve emek harcamadan eklemeniz mümkün. Sonuç olarak, müşterilerinizi arayüz tasarımı haricinde de görsel olarak etkilemek için elinize fazladan bir koz daha geçmiş olur. Çünkü onlar arayüz tasarım örneğini gördüklerinde sitedeki hareketli bölümlerin nasıl görüneceğini tahmin edemeyebilirler. Böylelikle, tarayıcı testi aşamasında onları şaşırtabilir ve sonuçtan daha fazla memnun edebilirsiniz. Aşağıdaki resme tıklayarak, Jquery ile hazırlanmış bir navigasyon menü örneğini inceleyin ve kararı kendiniz verin. Daha fazla örnek için, daha önce yayınladığım CSS 3 & Jquery uygulamaları ‘na ve blogdaki Jquery ile ilgili diğer makalelere göz atabilirsiniz.

Siteye ekleme ve düzenleme kolaylığı

Hazır Flash efektlerinin üstünde küçük bir değişiklik yapmak için ne kadar uğraştığınızı hatırlıyor musunuz? Ya da sitelerinizde kullandığımız Javascript kodlarında düzenleme yaparken ne kadar zorlandığınızı? Bir de bunları Html yapısına eklemek için ne kadar uğraştığınızı hatırlayın. Jquery size, sade ve basit mantığı ile hem sitenize ekleme kolaylığı hem de hazır eklentiler üzerinde istediğiniz değişikliği çok kolay bir şekilde yapma imkanı verir. Yapısı gerçekten o kadar sade ve basittir ki siteye sadece tek bir satırla ekleyebilirsiniz. Ayrıca istediğiniz düzenleme için hangi bölümü değiştirmeniz gerektiğini bir bakışta anlarsınız. Tasarımcılar için bu özelliğin ne kadar önemli olduğunu söylemeye gerek yok herhalde. Zaten sloganı “Write less, do more” olan Jquery’den de bu beklendirdi.

Daha az boyut ile hızlı yükleme

Jquery’nin diğer Javascript kütüphanelerine nazaran çok daha az yer kaplaması ve hızlı yüklenmesi de kendi rüşdünü ispat etmesinde önemli bir rol oynuyor. Sıkıştırılmış hali ile sadece 25 KB civarında yer kaplaması, hem tarayıcı hem de bant genişliği açısından oldukça kullanışlı olduğunun bir göstergesi. Ayrıca Jquery’i sitenize Google üzerinden eklediğinizde bant genişliği konusundaki sorununuz da ortadan kalkmış oluyor. Jquery’nin mevcut son sürümünü Google üzerinden sitenize eklemek için aşağıdaki satırı html kodlarına eklemeniz yeterli oluyor.

Web tasarımcıların Jquery öğrenmesi ve kullanması için aklıma gelen nedenler bunlar. Unuttuğum nedenler olabilir ama bunlar bile Jquery öğrenmek için yeter de artar bence. Yine de unuttuğumu düşündüğünüz nedenler varsa yorum olarak gönderebilirsiniz. Jquery öğrenmeye karar verirseniz Jquery.com’daki Türkçe Jquery derslerinden başlamanızı tavsiye ederim.

Benzer Yazılar: