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.
[…]JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya […]
[…]Buka file add_several_class.html melalui browsermu maka akan menghasilkan tulisan berwarna biru dengan ukuran font sebesar 3o pt.
Validasi email merupakan salah satu hal yang penting ketika membuat akun baru pada website. Pada contoh kali ini akan ditunjukkan bagaimana cara membuatnya menggunakan jQuery, untuk mempermudah pengguna mengetahui email yang telah dimasukkan apakah benar atau salah.[…]
[…] membuat Multiple form upload, kemudian kita akan melakukan proses upload. Dalam proses upload tersebut kita akan mengfilter baik untuk extension yang diijinkan, ukuran yang diperbolehkan dan lainna. Kemudian setelah proses uploading berhasil dilakukan maka kita akan menampilkan hasil yang baru saja di upload.
[…]jquery kita dapat menggunakan fungsi fungsi yang telah disediakan oleh Jquery[…]
[…]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[…]
[…] jaraknya dan memunculkan opacitynya. Jika anda perhatikan pada menu nya, maka setiap menu sekarang ada tag <div> yang berisi informasi mengenai menu tersebut.[…]
[…]membuat sebuah halaman web bisa diganti-ganti themes nya dengan menggunakan framework javascript yang sangat handal, yaitu JQUERY. Tutorial ini terinspirasi dari my.yahoo.com saat dapat tugas membuat portal web internal tapi yang akan kita coba disini adalah mensimulasikan bagaimana jquery bisa menghandle style dari sebuah halaman[…]
[…]kemampuan jQuery dalam melakukan query DOM yang di-generate oleh ASP.NET Server Control.[…]
JSON diciptakan dengan bentuk nama/value yang berpasangan. JSON dan XML adalah serupa dalam hal keduanya bisa diproses menggunakan Ajax. JSON memiliki kelebihan dibanding dengan XML; yaitu JSON lebih mudah dibaca. Tidak perlu mencantumkan tag pada JSON tapi […]
[…] fungsi $.ajax bisa ditempatin di halaman bersangkutan maupun file .js tersendiri. Jangan lupa meng-include file jquery[…]
[…] mendeteksi external link (link yang mengarah ke luar situs kita) dan secara otomatis menambahkan icon tertentu[…]
[…] kasus parsing XML, maka saya harus mencari cara agar parsing XML terasa lebih mudah dan manusiawi[…]
[…] menggabungkan PHP GD untuk membuat thumbnail image dan plugins thickbox jquery untuk membuat slideshow ukuran gambar sebenarnya[…]
[…] gidview pada halaman web anda, lengkap dengan data source-nya. Dalam tulisan ini saya menggunakan database Northwind[…]
[…] Dan bukan hanya untuk back to top saja yang bisa di beri efek seperti itu, oleh karena itu saya menulis pada judulnya Multi Scroll Page.
Salah satu plugin JQuery yang sangat popular untuk membuat menu dropdown adalah Superfish yang merupakan pengembangan dari Suckerfish. Kita bisa mendownloadnya secara gratis di website resminya […]
Sekarang checkbox akan membrikan class checked pada checkbox replacement jika checkbox sudah di cek. Lalu bagaimana jika user meng-klik label di sebelah checkbox? Tidak akan terjadi apa apa, untuk mengatasinya adalah dengan memindahkan attribute ID yang ada pada checkbox ke checkbox replacement.
[…] ada contohnya, buatnya pake DOM Javascript, karena fieldnya banyak, maka scriptnya jadi spagetti alias amburadul.. Susah dipelajari, mana yang child, mana yang parent. Ternyata eh ternyata, setelah belajar pake jquery,[…]
Untuk mengimplementasikan Ajax, pada file form.html ini saya menggunakan fungsi ajax () pada jQuery. Fungsi ini memiliki sebuah argumen yaitu berupa object (pasangan key/value), dan yang akan saya gunakan di antaranya sbb: […]
Ide dari aplikasi sederhana ini sebenarnya adalah bagaimana menempatkan isi/hasil parsing dari beberapa RSS feed pada tab-tab, kemudian ketika tab tertentu dipilih maka isi/hasil parsing dari RSS feed bersangkutan akan di-load dengan mekanisme Ajax. […]
[…] beberapa fitur kunci dan manfaat dari Jquery mobile dan menunjukkan beberapa contoh bagaimana framework baru ini dapat membantu Anda membangun aplikasi mobile berkualitas dan dalam waktu singkat.
[…] dengan meregister service kita di ScriptManager, kita dengan mudah memanggil web services seperti memanggil method biasa. Namun ada ongkos yang harus dibayar dibalik kemudahan itu. ScriptManager akan membuat javascript proxy untuk membungkus web service method supaya bisa dipanggil selayaknya method di C#.
Agar plugin Anda memiliki fitur chainability, yang berarti plugin Anda bisa digunakan bersama jQuery methods maupun plugin yang lain, maka cara terbaik adalah menambahkan baris berikut: […]
[…] agar bila kategori pertama dipilih, maka kategori ke-2 akan mengisikan data sesuai dengan kategori yang pertama. Sebagai contoh yaitu untuk memilih provinsi dan kabupaten, jika yang dipilih adalah provinsi Jambi maka kategori ke-2 akan otomatis […]
Berikut tambahan sumber-sumber dari luar yang sering menjadi patokan saya selama mendalami jQuery :
Moga +ilmunya n kalo ada tambahan, tambain aja…
Update 02 Juli 2011 : Perbaikan link dan penambahan beberapa daftar tutorial.
PHP merupakan salah satu bahasa scripting yang cukup populer untuk digunakan dalam pengembangan web. PHP bersifat Open Source, artinya kita tidak ...
Wordpress merupakan ‘Open source blog publishing application’, aplikasi open source yang digunakan untuk mengatur blog. Aplikasi ini gratis alias ...
Berbagai teknik dan trik dalam penggunaan Photoshop digabungkan dalam kumpulan artikel ini yang berhasil didapat lewat internet. Mungkin ada beber ...
Theme Wordpress ini merupakan theme Wordpress utama dari web saya sendiri : IDFreelance.net. Diberikan secara gratis, silahkan bagi siapa saja ya ...
Sejak pertengahan 1990-an, JavaScript telah menjadi bagian dari pengembangan web, kala itu Netscape memperkenalkan versi ke 2 dari browser Netscap ...
Bagus bgt neh themenya... sugoooiii.. Mklum newbi
bro bgus kli
ciamik habis....... gan!!! thanx banget, semoga me
thaks yaaa gan sangat bermanfaat skali nih .......
pengen blajar banyak deh dengan admin idfreelance.
Ajax alasan blog C# Cara datang Desain Download Ebook font Gambar gratis Grunge HDR Icon idfreelance inspirasi intro JavaScript jquery Keamanan Key Klien Kreatif Mengenali menggunakan Multithreading Pemrograman Pernikahan Photoshop PHP Programmer rahasia Script Software sumber Theme Thread Tip trik Tutorial VB Vista website Wordpress
Salin kode berikut dan paste ke dalam website Anda. Akan saya link balik.
Daftar link sahabat...
-Berbagi Ilmu -Blog Ooyi -Bobby Rahman -Caraku-Caramu -Ferditya Nugraha -Hadyan Fariz -Hidrogroup -I Putu Gusti -IndoSourceCode -Interaktif Tutorial -Jafriyal Bule -Medan Gamer -PolizeIRC -Rey’s Blog -Tech Review -Wawan
dbandingkan dari tanggal posting dg tanggal komentar ku sangat jauh.
sdikit kecewa karena link dari menu² dalam postingan beberapa udah tdk bisa d’akses.
klo ada wktu tolong d’update lagi bang, krn sebenarnya menarik bnget materinya dan sangat dbutuhkan oleh awam yg tak cakap bahasa inggris.
salam sukses
MAu Mencoba J quwery ah…
makasih tutornya….
Silahkan di testing2..
mas kok semua page nya not found ya
Excellent blog post. Really looking forward to read more
[...] 16 Kumpulan Tutorial jQuery [...]
blognya keren…., salam kenal
mantap brad….
eh tuker linknya pake text aja bisa gak??
q download tutorialnya ya…!,mantap
mau coba pasang di http://www.bios.web.id ah. makasih brader
hiks , nice share !
langsung k TKP ni ..
waaaah..berguna banget…
mantap
mas kokk kalo di i.e webnya jadi jelek massss.
nise inpo..
thx..!
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?
lanjutkan ^_^
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
[...] 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 [...]
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
Oh, sama input nama, email, n websitenye klo bisa setelah di kirim, kosong gtu
Muv, neh mas, sinkronisasi warna orange sama background kayu kyknya gak cocok. Tapi oke ko, designye
Yups.. awalnya g kayak gini mas, cuman coba2 mo ganti headernya kemaren.. hehe..
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 ..
kalo ada yang tau tolong kirim ke roza_say@yahoo.com
gimana ya caranya bikin menu accordion dan scriptnya gimana
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.
yang pastinya lebih hebat dan mudah dari pada ajax
baru mau belajar nih, buat bikin theme prestashop.
waw…tutorialnya kren abiz..makasiya atas infonya…? salam kenal dari saya Himawan