Beni heyecanlandıran jQuery girişimlerinden biri olan jQuery UI (Kullanıcı Arayüzü)’nin dağıtılmasının üzerinden çok da fazla zaman geçemedi. Fakat özellikle masaüstü havasına sahip uygulamalar geliştirmek için bu zamana kadar her derdime deva olan jQuery Interface eklentisinden beni vazgeçirebilecek mi acaba? Aşağıda belirteceğim maddeler gerçekten kişisel izlenimlerim, çok fazla ısınamadığım ilk sürümle çok oynayamadığım için haksız olmam muhtamel!

• Bir kere en son sürüm jQuery’yi indirmeniz lazım ama o da interface eklentisiyle uyumlu değil, bu da ya hep UI ya da hep interface kullanacaksınız anlamına geliyor. Şu an eskileri yeniye entegre etmek benim için çok maliyetli olduğundan değecek mi diye soru işaretleri içinde buluyorum kendimi maalesef.
• Dialog’lar var bu eklentide, yani şuna basınca şöyle bir dialog (pencere) açılsın diyebiliyorsunuz ki, her zaman interface eklentisinde neden bu kadar sade bir biçimde oluşturulmadığını düşündüğüm yegane bir kolaylık, bir sevinç kaynağı. Ama bir dakika, tek başına basit bir sayfada kullanmak harika, ama zaten var olan bir sisteme entegre ederken biraz sorunlar yaşıyorum, başımı duvarlara vuruyorum - sanırım çok beceriksizim.
• Table sorter‘ın (bir çeşit istenilen kolona göre sıralama yapan şey) katılması harika olmuş ama gene sorunlar yaşanıyor.
• Öff, hep mi kötü yazacağım, maalesef yine, evet! Performans beklediğimden düşük geliyor. Özellikle resize, tarayıcınızın saçmalamasına ve sizi ağlatmasına neden olabiliyor. Dialoglar altında kalan yerler her büyütme-küçültme işinden sonra olmaması gereken bir şekilde görünebiliyor.

Dediğim gibi fazla uğraşamadım, çünkü ilk versiyona ısınamadım, lütfen hislerim konusunda beni yanıltın. Ayrıca tüm bunlar hergün yatıp kalkıp “jQuery jQuery” sloganları atmama engel olamaz, unutmayın.

Malesef, hiç ara vermeden yazdığım bloguma dün ara vermek zorunda kaldım. Nedeni bir video tutorial yapmak istememdi. Gerçekten bu ilk deneyimim ve gayet de uğraştırıcı ve zor bir iş olduğunu görmüş bulunmaktayım. Özellikle seslendirme bölümünün.

jQuery ile 5 Dakikada Ajax
Video (10.5 MB - AVI) [Download]
Kaynak kod arşivi (14 KB) [Download]

Bu video'da jQuery'i kullanarak kullanıcının girdiği herhangi bir string için o string'in md5 ile şifrelenmiş halini geri döndüren başlangıç seviyesinde bir uygulamanın adım adım nasıl gerçekleştirilebileceğini anlattım. Umarım faydalı olur. Algılamanız açısından yararlı olacak başka bir unsur da md5.php dosyasının içeriği. İçeriği aşağıya ekliyorum, zaten kendisi tek satırdan oluşuyor:

Ayrıca bahsetmeden geçersem oldukça ayıp olacağını düşündüğüm bir olay daha var. TRT Radyo'nun Net Var Net Yok adlı programına blogumdan söz etmiş olduğu için teşekkür ediyorum. Perşembe günü yayınlanmış programı dinlemek isteyenler web üzerinden ulaşabilirler. Programın bu haftaki konuğu Blograzzi ve Türk Blog Yazarları olmuş. Bu nedenle özellikle blogcular için dinlemelerinin yararlı olduğu kanısındayım. Ayrıca jQuery sevenlerden ve kullananlardansanız yeni açılan jQuery Google Grubuna takılmanızı öneriyorum. eburhan tarafından açılan grubta Türk jQuery kullanıcılara bir paylaşma ve tartışma ortamı yaratılmış.

jQuery, bu ismi daha önce hiç duymamış olabilirsiniz ama eğer bir web geliştiricisi iseniz mutlaka bir kez yanından geçmiş olmanız lazım. jQuery John Resig adındaki bir web geliştirici tarafından yıllarca süren kişisel bir uğraşın ürünü. Kendisini bir Javascript framework olarak tanıtıyor ve Javascript yüzünden başı ağrıyanlara yeni bir bakış açısı sunmayı hedefliyor. Peki, Javascript ve DHTML'i bir türlü sevemeyenlerin neden böyle düşünüyorlar?

• Çünkü standartlar çok az. Mesela Mozilla tarayıcılarında sunulan paketlerin bir kısmı IE tarayıcılarında başka paketlerde sunuluyor. Bu da aynı kodun farklı browserlarda çalışması için faklı kodlara ihtiyaç duyulmasına neden oluyor.
• Çünkü efekt yaratmak ve event'ları doğru düzgün kullanılabilir hale getirmek için 2000 satır javascript kodunun içinde boğulmak istemiyoruz. Ayrıca debug'ı da zor bir dil (tabi değişik araçlar yardımımıza yetişiyor - bu ayrı bir konu).

İşte jQuery siz tüm altyapısal çalışma prensibi düşüncelerden uzaktayken, sadece programlama mantığı üzerine yoğunlaşmanızı sağlamakta. Başlangıç için öncelikle jQuery ile örnek bir olayı inceleyelim.

ÖNEMLİ NOT: jQuery ile ilgili tutorial'lar CSS, Javascript ve DOM'a başlangıç seviyesinde hakim olan kişiler içindir.

Mesela elimizde "demo" class'ından bir div blok olsun. Bu blok bir linke tıklandığı zaman class'ını değiştiriyor ve "fade in" efekti ile ekrana başka yazılar çıkarıyor olsun. Bunu yapmanız için yazmanız gereken kod sadece:

$("p.demo").addClass('selected').html('Yeni metin!').fadeIn("slow");

Devamı için lütfen bekleyiniz...