Lewati ke konten utama
pelatihan
.org
Belajar. Praktik. Berkembang.
Kategori
ID
Masuk
Daftar
Menu
Kurikulum jQuery: 8 Bab, 34 Lesson — pelatihan.org
Beranda
/
Katalog
/
jQuery
/
Kurikulum
Kurikulum
Kurikulum jQuery
Belajar jQuery online lewat 34 lesson terstruktur, contoh kode, dan 170 soal kuis.
34 lesson
8 bab
170 soal
Ringkasan dan poin kunci bisa dilihat gratis. Materi lengkap, contoh kode, dan kuis memerlukan langganan.
01
jQuery Tutorial
6 lesson
01
jQuery HOME
Halaman utama jQuery berfungsi sebagai pusat navigasi seluruh materi library, mulai dari dasar sintaks dan selector hingga efek, manipulasi DOM, AJAX, dan rencana belajar. Dari…
02
jQuery Intro
Pengenalan jQuery menjelaskan apa itu library JavaScript, alasan kemunculannya, dan cara kerja pemilihan elemen lalu penerapan aksi. Konsep intinya sangat sederhana: pilih elemen…
03
jQuery Get Started
Memulai jQuery berarti memasukkan berkas library ke dalam halaman lalu menulis kode setelah dokumen siap. Kode sebaiknya diletakkan di dalam $(document).ready() agar elemen HTML…
04
jQuery Syntax
Sintaks jQuery selalu mengikuti pola $(selector).action(): sebuah fungsi yang berisi selector untuk memilih elemen, diikuti metode yang menerapkan aksi. Tanda dolar adalah fungsi…
05
jQuery Selectors
Selector jQuery menentukan elemen mana yang akan diproses oleh sebuah metode. Kamu bisa memakai nama tag, kelas dengan tanda titik, id dengan tanda pagar, atribut, hingga…
06
jQuery Events
Event jQuery adalah cara menangani interaksi pengguna seperti klik, gerakan mouse, dan penekanan tombol keyboard. Setiap kejadian punya metode khusus seperti click() dan…
02
jQuery Effects
7 lesson
01
jQuery Hide/Show
Metode hide(), show(), dan toggle() dipakai untuk menyembunyikan, menampilkan, atau menukar tampilan sebuah elemen. Ketiganya menerima parameter kecepatan dalam milidetik dan…
02
jQuery Fade
Efek fade mengatur visibilitas elemen melalui perubahan opasitas, menghasilkan tampilan yang lebih halus dibanding hide(). Tersedia fadeIn(), fadeOut(), fadeToggle(), serta…
03
jQuery Slide
Efek slide menggeser tinggi elemen ke atas atau ke bawah sehingga terlihat seperti menutup atau membuka panel. Tiga metode utamanya adalah slideUp(), slideDown(), dan…
04
jQuery Animate
Metode animate() memungkinkan kamu menganimasikan properti CSS seperti posisi, ukuran, dan opasitas terhadap nilai baru. Kamu hanya perlu menentukan properti berserta nilainya,…
05
jQuery stop()
Metode stop() dipakai untuk menghentikan animasi yang sedang berjalan pada sebuah elemen. Tanpa stop(), animasi yang saling tumpang tindih bisa membuat elemen bergerak tidak…
06
jQuery Callback
Callback adalah fungsi yang baru dijalankan setelah sebuah metode selesai bekerja, terutama pada efek animasi. Dengan callback, kamu bisa mengatur urutan tindakan agar tidak…
07
jQuery Chaining
Chaining memungkinkan kamu menumpuk beberapa metode jQuery dalam satu baris ekspresi. Setiap metode mengembalikan objek jQuery yang sama, sehingga metode berikutnya bisa langsung…
03
jQuery HTML
7 lesson
01
jQuery Get
Kelompok metode Get dipakai untuk membaca isi atau atribut dari elemen yang sudah dipilih. Tersedia text() untuk teks polos, html() untuk markup di dalamnya, val() untuk nilai…
02
jQuery Set
Kelompok metode Set dipakai untuk mengubah isi, nilai, atau atribut elemen. Dengan memberi argumen pada text(), html(), val(), atau attr(), kamu mengubah data tersebut menjadi…
03
jQuery Add
Metode Add dipakai untuk menyisipkan konten baru ke dalam atau di sekitar elemen yang sudah ada. append() dan prepend() menambahkan isi di bagian dalam, sedangkan after() dan…
04
jQuery Remove
Metode Remove dipakai untuk membuang elemen atau isi elemen dari halaman. remove() menghapus elemen beserta seluruh isinya dari DOM, sedangkan empty() hanya mengosongkan konten…
05
jQuery CSS Classes
Metode kelas CSS memungkinkan kamu menambah, menghapus, atau menukar kelas pada elemen tanpa menyentuh properti gaya satu per satu. addClass(), removeClass(), dan toggleClass()…
06
jQuery css()
Metode css() dipakai untuk membaca atau mengatur properti gaya langsung pada elemen terpilih. Saat diberi satu nama properti, css() mengembalikan nilainya; saat diberi dua…
07
jQuery Dimensions
Kelompok metode Dimensions digunakan untuk mengukur dan mengubah ukuran elemen, seperti width(), height(), innerWidth(), dan outerWidth(). Perbedaannya terletak pada perhitungan…
04
jQuery Traversing
5 lesson
01
jQuery Traversing
Traversing adalah teknik berpindah dari satu elemen ke elemen lain dalam struktur pohon DOM, misalnya ke induk, keturunan, atau saudara. jQuery menyediakan metode khusus seperti…
02
jQuery Ancestors
Metode ancestors dipakai untuk bergerak ke atas struktur DOM, yaitu menuju induk dan leluhur sebuah elemen. parent() mengambil induk langsung, parents() mengambil seluruh…
03
jQuery Descendants
Metode descendants dipakai untuk bergerak ke bawah struktur DOM menuju anak dan keturunan elemen. children() mengambil anak langsung, sedangkan find() menelusuri ke seluruh…
04
jQuery Siblings
Metode siblings dipakai untuk bergerak ke samping, yaitu elemen yang berada satu tingkat dengan elemen terpilih. Tersedia siblings() untuk semua saudara, next() dan nextAll() ke…
05
jQuery Filtering
Filtering dipakai untuk menyaring hasil seleksi agar hanya elemen tertentu yang diproses. Metode seperti first(), last(), eq(n), filter(), dan not() mempersempit pilihan dari…
05
jQuery AJAX
3 lesson
01
jQuery AJAX Intro
AJAX memungkinkan halaman mengirim atau menerima data dari server tanpa memuat ulang seluruh halaman. jQuery membungkus kemampuan tersebut dengan API yang ringkas seperti…
02
jQuery Load
Metode load() mengambil berkas dari server lalu menyisipkan hasilnya ke dalam elemen terpilih. Sintaksnya sangat ringkas, cukup $(selector).load(url). Kamu juga bisa menambahkan…
03
jQuery Get/Post
Metode $.get() dan $.post() adalah dua jalan singkat untuk request data dengan metode HTTP masing-masing. $.get() dipakai membaca data, sedangkan $.post() dipakai mengirim data…
06
jQuery Misc
2 lesson
01
jQuery noConflict()
Metode noConflict() dipakai saat simbol $ bentrok dengan pustaka lain yang juga memakainya, misalnya pustaka grafik atau framework lama. Metode ini melepas kepemilikan $ sehingga…
02
jQuery Filters
Pseudo-selektor filter memperluas kemampuan selector jQuery dengan aturan berdasarkan posisi dan isi. Contohnya :first, :last, :even, :odd, :eq(), :gt(), dan :lt() yang bekerja…
07
jQuery Examples
4 lesson
01
jQuery Examples
Kumpulan contoh menunjukkan bagaimana berbagai konsep jQuery digabungkan dalam potongan kode nyata, mulai dari tampilan, animasi, sampai interaksi formulir. Belajar dari contoh…
02
jQuery Editor
Editor jQuery memungkinkan kamu menulis dan langsung menjalankan kode di halaman percobaan tanpa menyiapkan proyek lokal. Kamu bisa mengubah HTML, CSS, dan JavaScript sekaligus…
03
jQuery Syllabus
Silabus jQuery memetakan daftar topik yang perlu dikuasai secara berurutan, mulai dari pengenalan, sintaks, selector, dan event hingga efek, manipulasi DOM, traversing, dan AJAX.…
04
jQuery Study Plan
Rencana belajar jQuery mengatur seberapa banyak materi yang dipelajari setiap hari agar konsisten dan tidak cepat putus. Kuncinya adalah memadukan bacaan konsep, penulisan ulang…