jQueryjQuery, 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…

Yorum Ekleyin ↓

Required Adınız (gerekli)
Required Email (görüntülenmeyecek - gerekli)
Blog / Website? (varsa)

KISA BİR NOT: Lütfen yorumlarıza özen gösterin, tartışma yaratmak için provake edilmiş yorumları silmekten büyük bir zevk aldığımızı unutmayın. Fikrinizi bağırın ama onun arkasında durabilcek gerekçeleriniz olsun. - Bir dost...

12 Yorum ↓

Farklı bakış açılarının var olduğu bir dünyayı destekleyen bir blog olarak bize fikir hocalığı yapmaktan kaçınmamanızı ve yazmaya değer bulduklarınızın altına birşeyler eklemeyi unutmamanızı yürekten diliyoruz.
  •  Add karma Subtract karma +0
    1. Jacki @ [15/08/2007]

    jquery harika özellikle de ajax kütüphanesi ama sayfa başına 20kblık ek bir bandwidth gideri var.

  •  Add karma Subtract karma +0
    2. qarty_ @ [15/08/2007]

    evet ben de bunu yabancı bir forumda görmüştüm. enterprise uygulamalara entegre etmeyi denemeliyiz. ayrıca burcu, blogu xhtml valid yapmalısın hemen :)

  •  Add karma Subtract karma +0
    3. Burcu @ [15/08/2007]

    evet bu şekliyle standartlara uymuyor. bugün akşam uğraşıyor olacağım w3cden baktığım kadarıyla tüm hataları biliyorum. uğraştırmayacak gibi görünüyor :P

  •  Add karma Subtract karma +0
    4. Demir @ [15/08/2007]

    burcu jqueryde ajax konusundan kısa bir video tutorial yapabilirmisin?

  •  Add karma Subtract karma +0
    5. Burcu @ [15/08/2007]

    demir,
    video tutorial yapmak yazmaktan daha kolay olacak sanırım aslında 1-2 dakika da ajax'ın nasıl kolayca sisteminize entegre edilebileceğini göstermek için çok da iyi olur ayrıca.

    @Jackie, kesinlikle sayfa başına demeyelim tarayıcıların cacheleri nedeniyle ortalama 6-7 sayfa başına 20kb fazla download yükü yaratmakta. 20kbda küçük bir resim ile aynı boyutta. eğer multimedia ile donatılmış bir site/blog/uygulamaya entegre ediliyorsa bence sorun yaratacak bir büyüklük değil

  •  Add karma Subtract karma +1
    6. madx @ [16/08/2007]

    bu harika kolay birşey! adamlar yeniden dil yazmışlar sanki.

  •  Add karma Subtract karma +0
    7. Gökçen @ [17/08/2007]

    "jQuery" kişisel bir çalışmanın ürünün sayılmamalı, zira projede çalışan diğer yazılımcılara haksızlık etmiş sayılırız: http://docs.jquery.com/Contributors/

  •  Add karma Subtract karma +0
    8. Demir @ [17/08/2007]

    sanırım coreun 90%ını bir adam yazdı diye kişisel oluyor. :D

  •  Add karma Subtract karma +0
    9. eylultoprak @ [18/08/2007]

    yorumlar olan için eklentisini denedim.. tema kaynaklı çalıştıramasamda :oops: :oops: yinede gerçekden güzel.. gerçi ajax ile wordpress üzerine bir sürü farklı özellikler katılabilir..

    buda onlardan biri.. wordpress için değil hepsi için böyle gerçi.. artık tarz web 2.0 o zaman görselliğe daha çok önem vermek lazım.. içerik kadar göze hitap edilmede önemli.. mesela siyah bir siteyi okumayı hiç bir zaman terçih etmiyorum.. :)

    neyse dağılmasın konu.. daldan dala atlamayalım.. ne diyorduk evet güzel uygulama :) ajax'i sevmeye başladım..

  •  Add karma Subtract karma +0
    10. yakuter » Herkes Jquery’den Bahsediyor @ [8/09/2007]

    [...] konularını ele alan bazı günlüklerde de bu kütüphaneden bahsedildi: Javam İsmail Altuntaş Burcu Doğan Bu gelişmiş kütüphanenin değeri anlaşıldıkça daha da üzerine gidildi ve sonuçta Google [...]

  •  Add karma Subtract karma +0
    11. Serhat Yolaçan » Örnek Jquery uygulamaları. @ [5/05/2008]

    [...] Türkçe kaynak: Yakuter Eburhan Javam İsmail Altuntaş Burcu Doğan [...]

  •  Add karma Subtract karma +0
    12. EBüyükkaya - Not Defterim » JQuery ile Bir Şeyler Yapalım @ [2/07/2008]