16 Kumpulan Tutorial jQuery

23 February, 2009

Berikut adalah daftar 16 tutorial-tutorial penggunaan library jQuery yang mampu saya rangkum beserta beberapa link ke sumber pembelajaran situs luar.

Ada begitu banyak library javascript, tetapi bagi saya, tidak ada library yang bisa menyelesaikan masalah yang lebih baik dibanding  jQuery. Sehingga, mempelajari jQuery bagi para web developer merupakan sesuatu yang sangat penting.

Semoga artikel daftar tutorial jQuery ini bisa bermanfaat bagi teman-teman, baik itu bagi yang baru mengenal jQuery ataupun yang sudah expert, bisa dijadikan koleksi. hehe..

Selengkapnya tentang  jQuery bisa dibaca di situs resminya atau di sini.

1. [Tutorial jQuery+PHP] Membuat Login Form dengan jQuery+PHP

[…]Ni ada tutorial jQuery + PHP, implementasinya pada Form Login user )[…]

2. Belajar JQuery: Animasi yoyo

[…]Kali ini saya akan memberikan sedikit tutorial jquery, dengan tema animasi dasar. Pada tutorial kali ini saya akan memberikan sebuah contoh yaitu[…]

3. Membuat dialog konfirmasi javascript sederhana menggunakan jQuery

[…]untuk menghindari user meng-klik link delete secara tidak sengaja, kita akan tampilkan dialog[…]

4. Bagaimana cara menggunakan jQuery

[...]memudahkan mentranfer HTML, animasi, ajax interface, event dan lain sebagainya. Untuk instalasi dan cara mengunakan ikuti langkah[…]

5. Belajar jquery

[…]jquery kita dapat menggunakan fungsi fungsi yang telah disediakan oleh Jquery[…]

6. Menggunakan Mootools dan JQuery bersamaan

[…]Navigasi favorit saya adalah pada bentuk horizontal dan menggunakan drop down untuk sub menu alias menu anakannya, kali ini si anakan ternyata harus ber anak lagi[…]

7. Membuat Horizontal Menu dengan CSS, Images Sprites dan Animasi

[…] jaraknya dan memunculkan opacitynya. Jika anda perhatikan pada menu nya, maka setiap menu sekarang ada tag <div> yang berisi informasi mengenai menu tersebut.[…]

8. Vertical Menu with Jquery

[…]mengangkat javascript lagi nih, tapi dengan menggunakan jquery. Saya akan membuat sebuah simple menu dengan menggunakan jqeury[…]

9. Gunakan jQuery untuk Mendapatkan Client ID ASP.NET Server Control

[…]kemampuan jQuery dalam melakukan query DOM yang di-generate oleh ASP.NET Server Control.[…]

10. jQuery: DatePicker

[…]Control extender ini cukup handy untuk digunakan dalam ASP.NET page yang mengikuti model ASP.NET Ajax.[…]

11. create ajax request using jquery

[…] fungsi $.ajax bisa ditempatin di halaman bersangkutan maupun file .js tersendiri. Jangan lupa meng-include file jquery[…]

12. Membuat Icon External Link secara Otomatis dengan jQuery

[…] mendeteksi external link (link yang mengarah ke luar situs kita) dan secara otomatis menambahkan icon tertentu[…]

13. Parsing XML di JavaScript lebih simple dengan jQuery

[…] kasus parsing XML, maka saya harus mencari cara agar parsing XML terasa lebih mudah dan manusiawi[…]

14. Membuat Thumbnail Image Dengan PHP dan Image Slideshow Dengan Thickbox JQuery

[…] menggabungkan PHP GD untuk membuat thumbnail image dan plugins thickbox jquery untuk membuat slideshow ukuran gambar sebenarnya[…]

15. Membuat Fixed Header Gridview dengan jQuery

[…] gidview pada halaman web anda, lengkap dengan data source-nya. Dalam tulisan ini saya menggunakan database Northwind[…]

16. JQuery: Liquid Canvas

[…]membuat rounded layout memang agak rumit kerana melibatkan image di setiap penjuru. tetapi dengan menggunakan liquid canvas[…]

Berikut tambahan sumber-sumber dari luar yang sering menjadi  patokan saya  selama mendalami jQuery :

Getting Started with jQuery

jQuery Crash Course

Learning jQuery

15 Days of jQuery

jQuery Cheat Sheet

Moga +ilmunya n kalo ada tambahan, tambain aja…

Tags: Ajax, Desain, jquery, Tutorial  Dalam Pemrograman | 24 Comments »

You can leave a response, or trackback from your own site.

24 Respon untuk “16 Kumpulan Tutorial jQuery”

1. himawan says:

   03/04/2009 at 13:54

   waw…tutorialnya kren abiz..makasiya atas infonya…? salam kenal dari saya Himawan

   Reply
2. Ardian Yuli Setyanto says:

   29/04/2009 at 09:41

   baru mau belajar nih, buat bikin theme prestashop.

   Reply
3. ferry ardhana says:

   28/05/2009 at 22:49

   mas, jquery itu apa sih??

   selama ini saya menggunakan ajax ya cuma memanfaatkan moethod” nya…(ex: .readyState, .onreadystatechange, .open, .send).

   tolong penjelasannya ya, maklum saya belajar otodidak…

   btw, desain webnya bagus.

   Reply
   • jeko says:

     05/06/2009 at 17:14

     yang pastinya lebih hebat dan mudah dari pada ajax

     Reply
4. jeko says:

   05/06/2009 at 17:11

   gimana ya caranya bikin menu accordion dan scriptnya gimana

   Reply
5. jeko says:

   05/06/2009 at 17:12

   kalo ada yang tau tolong kirim ke roza_say@yahoo.com

   Reply
6. Bayuaji Zaenal says:

   27/08/2009 at 09:19

   Waduh ternyata dunia pemrograman web sdh sedemikian pesat dan majunya, pertama kali sy liat php+mysql, hati sy lgsg tertarik utk mempelajarinya lebih dlm, ternyata utk membuat tampilan indah gk cukup dgn modal ngerti php script, tp butuh javascript, udh gitu hrs belajar lg css, udh gitu hrs ngerti template spt smarty, udh gitu muncul lg ajax, skrg malah adalagi yg namanya JQuery, walah, pusing mas, mendingan sy pake yang mana nih yg gampang bikin tampilan indah n berbasis php+mysql, please masukin ke FAQ’s yaw, heuheu ..

   Reply
7. Zaun says:

   30/09/2009 at 23:03

   Muv, neh mas, sinkronisasi warna orange sama background kayu kyknya gak cocok. Tapi oke ko, designye

   Reply
   • IDFreelance.net says:

     01/10/2009 at 08:47

     Yups.. awalnya g kayak gini mas, cuman coba2 mo ganti headernya kemaren.. hehe..

     Reply
8. Zaun says:

   30/09/2009 at 23:04

   Oh, sama input nama, email, n websitenye klo bisa setelah di kirim, kosong gtu

   Reply
9. Zaun says:

   30/09/2009 at 23:07

   Bwt bayu aji zaenal, gak semua dipake. gw makenya cuma GSS, HTML, PHP n MYSQL itu aja sudah cukup ko. Yang penting algoritma pemrograman kamu itu tajam

   Reply
10. Belajar Jquery | Stop Dreaming Start Action says:

    13/10/2009 at 06:33

    [...] melirik artikelnya bro nurachman yang saya dapatkan dari bro bonitoo maka hari ini saya mencoba tutorial tersebut Dan sebagai catatan saya maka saya publis di blog saya [...]

    Reply
11. achmatim says:

    10/11/2009 at 13:45

    Daftar tutorial yang menarik. Saya tambahkan beberapa tutorial di http://achmatim.net/?s=jquery, dan juga download ebook jquery di http://bit.ly/3LW0jj. Semoga bermanfaat

    Reply
12. dewa says:

    10/12/2009 at 20:25

    lanjutkan ^_^

    Reply
13. Deni says:

    15/12/2009 at 11:57

    sedikit bertanya nih, ada yang tau gak cara merubah huruf italic pada javascript contoh kalau di html bold dengan menggunakan b kalau di javascript apa ya?

    Reply
14. Abdul Aziz says:

    29/12/2009 at 21:13

    nise inpo..
    thx..!

    Reply
15. ee says:

    18/01/2010 at 15:29

    mas kokk kalo di i.e webnya jadi jelek massss.

    Reply
16. d3h4n says:

    07/02/2010 at 23:28

    mantap

    Reply
17. Hidayat says:

    13/02/2010 at 15:29

    waaaah..berguna banget…

    Reply
18. Nightwalker Team says:

    11/03/2010 at 00:03

    hiks , nice share !
    langsung k TKP ni ..

    Reply
19. www.bios.web.id says:

    30/03/2010 at 23:25

    mau coba pasang di http://www.bios.web.id ah. makasih brader

    Reply
20. jepri says:

    12/06/2010 at 11:52

    q download tutorialnya ya…!,mantap

    Reply
21. adibowo says:

    27/07/2010 at 12:16

    mantap brad….
    eh tuker linknya pake text aja bisa gak??

    Reply
22. rifqi musthofa says:

    30/07/2010 at 00:11

    blognya keren…., salam kenal

    Reply