Dalam seri tutorial kali ini, Duniailkom akan menghadirkan tutorial belajar jQuery bagi pemula. jQuery adalah library JavaScript paling populer dan paling banyak digunakan saat ini.
Hampir semua situs-situs besar menggunakan jQuery untuk memudahkan proses penulisan kode JavaScript, termasuk situs duniailkom yang dibangun dengan WordPress (secara default, WordPress juga menggunakan jQuery).
Walaupun pada judul materi ini saya menggunakan kata-kata ‘bagi pemula’, untuk dapat mengikuti tutorial ini, anda harus sudah paham tentang HTML, CSS, dan JavaScript. Duniailkom sudah menyediakan tutorial ini:
- Tutorial Belajar HTML Dasar Bagi Pemula
- Tutorial Belajar CSS Dasar Bagi Pemula
- Tutorial Belajar JavaScript Dasar Bagi Pemula
*Khusus untuk tutorial JavaScript duniailkom, belum sepenuhnya selesai :)
Semoga dengan materi tutorial ini, bisa menuntun anda untuk menguasai jQuery. Dalam halaman ini, saya meng-index seluruh tutorial dan artikel jQuery di duniailkom:
Pengertian dan Dasar Penggunaan jQuery
Dalam beberapa sesi tutorial ini kita akan berkenalan dengan jQuery serta membahas cara penulisan dan konsep dasar dari jQuery.
- Tutorial Belajar jQuery Part 1: Pengertian jQuery
- Tutorial Belajar jQuery Part 2: Cara Menginput File jQuery ke HTML
- Tutorial Belajar jQuery Part 3: Cara Menjalankan Kode jQuery (event ready)
- Tutorial Belajar jQuery Part 4: Aturan Dasar Penulisan Kode jQuery
- Tutorial Belajar jQuery Part 5: Cara Mencari Element HTML dengan jQuery Selector
- Tutorial Belajar jQuery Part 6: Pengertian jQuery Event dan Cara Penggunaannya
jQuery DOM Manipulation
DOM (Document Object Model) adalah struktur element HTML yang terdapat di sebuah halaman. Menggunakan JavaScript, kita bisa memanipulasi element-element ini, seperti menambahkan element baru, menghapus element lama, mengubah nilainya, dll.
Di dalam JavaScript, proses ini cukup panjang dan merepotkan. Dengan jQuery, proses manipulasi DOM menjadi sangat sederhana. Saya akan membahasnya dalam sesi ini tutorial ini.
- Tutorial Belajar jQuery Part 7: Cara Mengambil Nilai HTML dengan jQuery
- Tutorial Belajar jQuery Part 8: Cara Mengubah Nilai HTML dengan jQuery
- Tutorial Belajar jQuery Part 9: Cara Menambah Elemen HTML dengan jQuery
- Tutorial Belajar jQuery Part 10: Cara Menambah Baris Tabel HTML dengan jQuery
- Tutorial Belajar jQuery Part 11: Cara Menghapus Elemen HTML dengan jQuery
- Tutorial Belajar jQuery Part 12: Cara Mengubah Atribut HTML dengan jQuery
- Tutorial Belajar jQuery Part 13: Cara Menambahkan Kode CSS Dinamis dengan jQuery
- Tutorial Belajar jQuery Part 14: Cara Mengubah Class CSS dengan jQuery
- Tutorial Belajar jQuery Part 15: Cara Mengubah Lebar dan Tinggi HTML dengan jQuery
- Tutorial Belajar jQuery Part 16: Pengertian Variabel $(this) dalam jQuery
jQuery Animation
Salah satu alasan menggunakan jQuery adalah mudahnya membuat animasi. Sebelum CSS3 membawa fitur animasi, jQuery adalah pilihan pertama untuk menghasilkan animasi ke dalam web (selain dengan flash tentunya, yang sekarang nyaris punah, hehe…). Dalam sesi ini saya akan membahas teknik dasar jQuery untuk membuat animasi:
- Tutorial Belajar jQuery Part 17: Cara Membuat Efek Show dan Hide jQuery
- Tutorial Belajar jQuery Part 18: Cara Membuat Efek Fade dengan jQuery
- Tutorial Belajar jQuery Part 19: Cara Membuat Efek Slide dengan jQuery
- Tutorial Belajar jQuery Part 20: Cara Membuat Efek Animasi dengan jQuery
- Tutorial Belajar jQuery Part 21: Cara Membuat Game Sederhana dengan jQuery