jQuery Örnekleri

Okuma Süresi: 2 Dakika  | Yazdır

jqueryforbeginnersblogimagePopülerliği gün geçtikçe artan javascript platformu jQuery hakkında faydalı olabileceğini düşündüğüm güzel örnekleri sizler için toparlamaya çalıştım. Hepsinini ilgili sitelerden ayrıntılarıyla öğrenip uygulayabilirsiniz. Ama mağlesef tüm siteler ingilizce. Belki ilerleyen günlerde buradaki çalışmaların Türkçelerini hazırlaabilirim.

jQuery nedir nasıl çalışır? gibi sorular soruyorsanız aşağıdaki 15 derslik videolar çok işinize yarayacaktır. Nettuts.com isimli sitenin hazırlamış olduğu bu çalışmalar çok faydalı olacaktır.

Bölüm 1 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

Bölüm 2 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-2/

Bölüm 3 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-3/

Bölüm 4 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-4/

Bölüm 5 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-5/

Bölüm 6 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-6/

Bölüm 7 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-7/

Bölüm 8 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-8/

Bölüm 9 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-9/

Bölüm 10 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-10/

Bölüm 11 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-11/

Bölüm 12 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-12/

Bölüm 13 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-13/

Bölüm 14 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-14/

Bölüm 15 – http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-15/

Sitenizdeki bağlantıların üzerinde gelindiğinde ufak resimler göstermenize imkan sağlayan jquery örnek çalışmasını aşğıdaki bağlantıdan inceleyebilrisiniz.

http://net.tutsplus.com/videos/screencasts/building-the-imgpreview-jquery-plugin/

    jQuery ile yapabileceğiniz bir başka güzel çalışma da resim kesme işlemi. Özellikle resim ve fotoğraflar ile ilgili bir site yapıyorsanız yada üyelik sisteminiz var ve kullanıcıların logo olarak kullanacakları resimleri boyutlandırmalarını sağlamak istiyorsanız bu örnek tam size göre.
    http://net.tutsplus.com/videos/screencasts/working-with-the-jcrop-plugin
    Bilgiustam.com sitemizin yeni tasarımında da bulunan Accordion isimli sistemin jQuery ile yapılmış bir örneği
    http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/ bu bağlantıdan inceleyebilirsiniz. Ayrıca yatay accordion örneği de http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/ bu sayfada.

    Accordion örneğinden biraz daha farklı kayar paneller http://cherne.net/brian/resources/jquery.slidingPanels.html

    Lava Lamp isimli menü örneği http://gmarwaha.com/blog/?p=7 . Gerçekten çok farklı ve hoş bir menü. İncelemenizi öneririm.
    Jquery ile ilk aklıma gelen ve faydalı olabileceğini düşündüğüm örnekler bu şekilde. Daha çok sayıda örnek çalışmayı internetten arayıp bulabilirsiniz.

      Kaynaklar: Nettus.com

      İyi Çalışmalar