Merhaba, bir projede kullanmak için lightbox ararken tutsplus’ın şuradaki yazısını gördüm ve çok beğendim. Bende türkçeleştirerek blogumda yazmak istedim. Hemen hemen bütün hazır pluginler kullanılması kolay olsada dosya boyutları oldukça büyük ve basit bir projede kullanacağım için gereksiz fazla özellikle donatılmış. Bana süper basit bir lightbox gerekiyordu ve kafa patlatmadan bu makale sayesinde yaptım.

Bu makalemizi adım adım örneklendirerek jsFiddle bağlantılarınıda paylaşacağım.

Okumaya devam et

Eğer jQuery’e yeni başlıyorsanız jQuery derslerimin ilki olan jQuery Nedir? Nasıl Kullanılır? makalesini mutlaka okumalısınız. jQuery hakkında başlangıç bilgileri içeren rehber tarzında bir makaledir.

Eğer ingilizce biliyorsanız bu makale yerine Selecting Elements makalesini okuyabilirsiniz.

Ayrıca bu makalede genel CSS terimlerini (ID nedir? Class Nedir?) bildiğinizi varsayarak yazıyorum. Bu terimleri bilmiyorsanız lütfen öncelikle CSS öğrenin. 

Seçiciler nedir ?

Bildiğiniz gibi jQuery kodlarken bazı elementlere eventlar veririz. Bunlardan bazılar click(), change() v.s yada css(), animate() gibi elementlerin varolan css yapıları ile oynarız. İşte tüm bu eventleri verebilmek için elementlerini yolunu belirtmemiz gerekir.

Örneğin bir <a> elementine click() eventini vermek için $(‘a’) yapısını kullanırız.

Okumaya devam et

write less do more

jQuery yıllar önce bu slogan ile başladı ve şimdi yazılımcılar arasında vazgeçilmez bir yere sahip. Hatta kendi sitesinde kullanan bazı şirketlerden bahsetmiş. WordPress, IBM gibi herkesin bildiği şirketlerde jQuery’i kullanıyor.

Google gibi devler ise jQuery’i CDN gibi özellikleriyle destekliyor.

– jQuery Nedir ?

jQuery bir javascript kütüphanesidir. Diğer bir deyişle Javascript Framework diyebiliriz. Javascript zor bir dildir ve syntaxını öğrenmek uzun zaman alır. Ancak jQuery bu işi okadar kolaya indirmiş ki hız, kolaylık, cross-browser, performans bir kütüphanede olabilecek hemen hemen her özellik bulunmaktadır.

Önceden sitemizde bir animasyon yapmak için flash kullanmak zorunlu gibi birşeydi çünkü Javascript ile jQuery’nin yaptığı işleri yapmak yerine yazılımı bırakmak daha cazip gelebilirdi.

Okumaya devam et

Ready fonksiyonu en kısa açıklamasıyla DOM yüklendikten sonra çalışacak eventlarınızı belirtmenize yarar.

Bu bize nasıl bir yarar sağlar?

Bunu bir örnekle bunu açıklayalım. Bir HTML sayfası oluşturun ve içine şu kodları yazın.

Okumaya devam et