Belajar jQuery: Kursus Code
Belajar jQuery: Kursus Code — Pelajari jQuery di ponsel Anda: tulis sebuah chain dan lihat halaman nyata bereaksi
Belajar jQuery: Kursus Code adalah aplikasi iOS dan Android yang bisa digunakan gratis untuk memulai, dan mengajarkan jQuery JavaScript library kepada pemula, pelajar, serta developer yang memelihara situs jQuery — mulai dari manipulasi DOM, event, efek, hingga AJAX. Setiap pelajaran dilengkapi editor live dan pratinjau halaman, serta jQuery 3.7.1 sudah tersedia di dalam aplikasi, sehingga apa pun yang Anda tulis berjalan di ponsel, bahkan saat offline. Mentor AI menjawab pertanyaan tentang selector, error, atau panggilan AJAX.
- Harga
- Gratis, upgrade Pro
- Platform
- iOS dan Android
- Bahasa
- 22
- Rating usia
- 4+
- Memerlukan
- iOS 15.1 atau lebih baru
Jika Anda tahu selector CSS, berarti Anda sudah menguasai sebagian besar jQuery.
jQuery mengambil selector-nya dari CSS dan memungkinkan Anda merangkai tindakan pada hasilnya. Ini menjadikannya pengenalan yang mudah untuk DOM, event, dan kode asinkron, sekaligus keterampilan praktis untuk banyak situs yang masih mengandalkannya.
Apa itu
Belajar jQuery: Kursus Code adalah aplikasi kursus iOS dan Android untuk jQuery JavaScript library. Aplikasi ini memiliki 22 kursus dengan 48 pelajaran dari level A1 hingga C1, editor JavaScript live dengan pratinjau halaman yang berjalan di perangkat menggunakan jQuery 3.7.1 bawaan, 20 misi debugging, 20 proyek HTML dan CSS terpandu, 50 pertanyaan wawancara, 50 pertanyaan kuis, dan cheat sheet dengan 91 entri. Mentor AI menjelaskan selector, error, dan panggilan AJAX dengan bahasa yang mudah dipahami.
Di dalam aplikasi
Tampilannya
Kursusnya
Materi yang dibahas dalam kursus jQuery
Disusun berdasarkan daftar kursus jQuery CoddyKit, mulai dari pemanggilan $ pertama hingga plugin, pengujian, dan penggunaan jQuery bersama JavaScript modern.
Selamat datang di jQuery dan langkah-langkah pertama
Apa itu jQuery, masalah nyata yang diselesaikannya, dan alasan begitu banyak situs masih menggunakannya, dilanjutkan dengan chain pertama dan dasar-dasar untuk pemula.
Memilih elemen dan traversal DOM
Memilih elemen, lalu menggunakan selector atribut dan pseudo-class tingkat lanjut serta berpindah melalui DOM dari satu elemen ke elemen berikutnya.
Manipulasi dan penataan gaya DOM
Membuat, menyisipkan, memindahkan, dan menghapus elemen dalam dua kursus, serta mengubah CSS dan class dari kode.
Event dan delegasi
Pengelolaan event, lalu delegasi event untuk elemen yang ditambahkan kemudian dan pengelolaan event kustom.
Animasi dan efek
Animasi dasar, lalu animasi kompleks dan efek kustom seperti rangkaian berantai dan easing kustom.
Formulir, data, dan templating
Konten dinamis dengan atribut data dan templating, ditambah penanganan serta validasi formulir tingkat lanjut.
AJAX, objek Deferred, dan promise
Operasi AJAX dan penanganan data jarak jauh, lalu objek Deferred dan promise untuk mengelola kode asinkron.
Plugin, performa, dan pengujian
Selector dan filtering kustom, pengembangan plugin yang andal, performa dan praktik terbaik, integrasi jQuery dengan JavaScript modern, serta pengujian aplikasi jQuery.
Cara kerjanya
Cara kerja pelajaran
Setiap pelajaran menempatkan penjelasan singkat di samping kode yang Anda jalankan sendiri, sehingga konsepnya diuji sebelum Anda melanjutkan.
Baca satu pelajaran singkat
Buka sebuah topik dan baca penjelasan singkat tentang selector, event, atau efek. Pelajarannya cukup singkat untuk dibaca saat naik bus, dan kursus ini bergerak dari chain pertama hingga plugin dan testing.
Tulis chain dan lihat halaman bereaksi
Di editor live, Anda menulis HTML, CSS, dan jQuery lalu menjalankannya sekaligus. Editor menjalankan ulang kode Anda saat Anda berhenti mengetik, tanpa server dan tanpa build step, sementara pratinjau halaman menampilkan hasilnya.
Perbaiki bug, lalu tanyakan kepada mentor
Misi memberikan kode yang rusak dan meminta Anda menemukan masalahnya: click handler saat this menjadi window, menu yang terus bergeser, atau penyimpanan yang berjalan dua kali. Jika sebuah konsep atau error tidak masuk akal, Mentor AI akan menjelaskannya lagi dengan kata-kata yang lebih sederhana.
Apa saja isinya
Yang tersedia di dalam aplikasi
22
Kursus, A1 hingga C1
22 kursus dengan 48 pelajaran yang dimulai dari fungsi $ dan chain pertama Anda, lalu berlanjut ke selector, manipulasi DOM, event, animasi, form, AJAX, plugin, dan performa.
3.7.1
jQuery bawaan
Pratinjau halaman berjalan di perangkat dengan jQuery 3.7.1 yang sudah disertakan, sehingga editor juga dapat digunakan secara offline.
20
Misi debugging
Bug yang terasa nyata untuk diperbaiki, seperti chain yang berakhir menjadi string atau tombol hapus yang hanya berfungsi pada baris-baris pertama.
20
Proyek halaman terpandu
Dua puluh proyek HTML dan CSS yang membangun markup tempat selector Anda nantinya akan bekerja.
91
Cheat sheet dan kuis
Cheat sheet dengan 91 entri tentang selector, event, efek, dan method AJAX, ditambah 50 pertanyaan kuis dan 50 pertanyaan wawancara.
AI
Mentor AI
Tanyakan tentang selector, error, atau panggilan AJAX dan dapatkan jawaban dengan bahasa yang mudah dipahami. Paket gratis mencakup 3 pertanyaan per hari.
Latar belakang
Apakah jQuery masih layak dipelajari, dan untuk apa jQuery digunakan?
jQuery adalah JavaScript library yang membuat proses memilih elemen di halaman web, mengubahnya, merespons klik, dan memuat data tanpa memuat ulang halaman menjadi lebih singkat. Framework yang lebih baru telah mengambil alih banyak proyek baru, tetapi sebagian besar situs yang sudah ada masih menjalankan jQuery. Karena itu, kemampuan membaca, memperbaiki, dan mengembangkan kode tersebut tetap menjadi keterampilan web development yang praktis. jQuery juga merupakan cara yang mudah untuk mengenal DOM, event, dan JavaScript asinkron sebelum beralih ke tool yang lebih besar.
Fungsi $ dan chainingsatu baris, beberapa tindakan
Memanggil $ dengan selector akan menghasilkan objek jQuery, dan hampir setiap method akan mengembalikan objek tersebut lagi. Inilah yang memungkinkan chain seperti memilih daftar, menambahkan class, dan menampilkannya dengan efek fade dalam satu baris yang mudah dibaca, bukan dalam empat pernyataan terpisah.
SelectorPengetahuan CSS tetap berlaku
Selector class, id, atribut, dan pseudo-class bekerja hampir sama seperti dalam stylesheet. Selanjutnya, method traversal berpindah dari satu elemen ke parent, child, atau sibling-nya. Dengan begitu, Anda dapat menemukan baris yang tepat saat sebuah halaman memiliki ratusan baris serupa.
Event delegationsolusi untuk elemen yang ditambahkan belakangan
Handler yang dipasang pada sebuah tombol hanya berlaku untuk tombol yang sudah ada saat kode dijalankan. Memasangnya pada parent lalu memfilternya berdasarkan selector membuatnya berfungsi untuk baris yang ditambahkan setelahnya. Inilah penyebab klasik tombol hapus hanya berfungsi pada baris lama.
Arti thisbug yang umum
Di dalam handler jQuery, this adalah elemen yang menerima event, tetapi arrow function atau callback yang ditempatkan secara keliru dapat mengubahnya. Men-debug handler saat this berubah menjadi window adalah bug nyata pertama yang umum ditemui.
AJAX dan promisedata tanpa memuat ulang
$.ajax() mengirimkan request dan memungkinkan halaman diperbarui saat jawabannya kembali. Objek Deferred dan promise mengatur beberapa request tersebut, sehingga satu langkah menunggu langkah lainnya tanpa harus menumpuk callback.
Kesesuaian
Untuk siapa — dan bukan untuk siapa
Cocok untuk Anda jika Anda
- Mengetahui sedikit HTML dan CSS serta ingin membuat halaman merespons klik dan formulir
- Memelihara situs yang dibangun dengan jQuery dan perlu membaca serta memperbaiki kodenya
- Mempersiapkan diri untuk wawancara front end yang masih membahas jQuery lama
- Ingin menulis kode di ponsel dan langsung melihat pratinjau halaman
- Belajar paling baik dalam sesi singkat dan menyukai mentor yang bisa ditanyai
Bukan alat yang tepat untuk Anda jika Anda
- Ingin mempelajari framework modern seperti React; aplikasi ini mengajarkan jQuery dan DOM
- Membutuhkan semua kursus gratis: kursus pertama, proyek pertama, dan dua misi gratis, sementara Pro membuka sisanya
- Mengharapkan versi gratis tanpa iklan, karena Pro menghapus iklan
Pertanyaan
Pertanyaan yang sering diajukan
Apa cara terbaik untuk belajar jQuery di ponsel?
Cara paling efektif adalah menulis kode dan melihat perubahan pada halaman, bukan hanya membaca tentang selector. Belajar jQuery: Kursus Code memberikan editor langsung dengan pratinjau halaman di setiap pelajaran singkat, jQuery 3.7.1 sudah terintegrasi sehingga dapat berjalan di perangkat, dan Mentor AI menjelaskan apa pun yang belum jelas. Kamu bisa mulai secara gratis di iOS dan Android.
Apakah jQuery sama dengan JavaScript?
Tidak. JavaScript adalah bahasa pemrograman; jQuery adalah library yang ditulis dalam JavaScript untuk mempersingkat tugas umum seperti memilih elemen, merespons klik, dan mengirim permintaan AJAX. Belajar jQuery: Kursus Code mengajarkan jQuery di dalam editor JavaScript, sehingga kamu berlatih keduanya secara bersamaan dan melihat bagaimana sebuah chain dipetakan ke kode DOM biasa.
Apakah jQuery masih layak dipelajari?
Untuk proyek baru, banyak tim memilih alat lain, tetapi sebagian besar situs yang sudah ada masih menjalankan jQuery, sehingga kemampuan membaca dan memperbaiki kode tersebut sangat berguna. jQuery juga merupakan cara mudah untuk mempelajari DOM, event, dan JavaScript asinkron. Belajar jQuery: Kursus Code menyertakan pertanyaan wawancara untuk pekerjaan front end yang masih menggunakan jQuery lama.
Apakah Belajar jQuery: Kursus Code tersedia di iPhone dan Android?
Ya. Belajar jQuery: Kursus Code tersedia di App Store untuk iPhone (iOS 15.1 atau lebih baru) dan di Google Play untuk Android. Antarmukanya tersedia dalam 22 bahasa, termasuk Inggris, Spanyol, Jerman, Prancis, Portugis, Jepang, Korea, Arab, Hindi, dan Turki, sedangkan kode yang kamu tulis tetap menggunakan jQuery dan JavaScript dalam bahasa apa pun.
Bisakah saya menjalankan kode jQuery secara offline di aplikasi?
Ya, untuk editor. jQuery 3.7.1 sudah terintegrasi dalam Belajar jQuery: Kursus Code, sehingga pratinjau halaman dapat berjalan di perangkat, bahkan saat offline. Fitur yang bergantung pada Mentor AI memerlukan koneksi internet.
Topik apa saja yang dibahas dalam kursus jQuery?
Ke-22 kursusnya mencakup materi mulai dari fungsi $ dan selector hingga manipulasi DOM, penataan gaya, event dan delegasi, animasi, formulir, AJAX, objek Deferred, dan promise. Materinya berlanjut ke selector kustom, penulisan plugin, performa, integrasi jQuery dengan JavaScript modern, dan pengujian.
Apa itu misi debugging?
Misi debugging adalah 20 latihan yang memberikan kode jQuery rusak dan meminta kamu menemukan bug-nya, seperti yang terjadi di tempat kerja. Contohnya mencakup handler klik yang membuat this menjadi window, chain yang berakhir sebagai string, tombol hapus yang hanya berfungsi pada baris lama, menu yang terus bergeser setelah kamu pergi, dan proses simpan yang berjalan dua kali.
Apakah saya perlu mengetahui JavaScript atau HTML terlebih dahulu?
Sedikit pengetahuan tentang HTML dan CSS akan membantu, karena selector jQuery bekerja pada markup dan menggunakan konsep dari CSS. Belajar jQuery: Kursus Code juga memiliki 20 proyek halaman HTML dan CSS terpandu, sehingga kamu dapat membuat markup yang akan digunakan oleh selector-mu. Kursus ini dimulai dari chain pertama.
Apakah Belajar jQuery: Kursus Code gratis?
Kamu bisa mulai secara gratis: kursus pertama, proyek terpandu pertama, dua misi, editor, kuis, pertanyaan wawancara, cheat sheet, dan 3 pertanyaan Mentor AI per hari. Versi gratis menampilkan iklan. Pro membuka semua kursus, proyek, dan misi, ujian sertifikasi, serta akses Mentor AI tanpa batas, sekaligus menghapus iklan. Pro ditawarkan sebagai langganan mingguan, bulanan, atau tahunan, maupun pembelian satu kali seumur hidup. Ujian sertifikasi di akhir kursus termasuk dalam Pro.
Apakah aplikasi ini berafiliasi dengan jQuery?
Tidak. jQuery adalah merek dagang OpenJS Foundation, dan Belajar jQuery: Kursus Code adalah aplikasi pembelajaran independen yang tidak berafiliasi dengan atau didukung oleh OpenJS Foundation.
Mulai
Tulis jQuery chain pertama Anda hari ini
Gratis untuk memulai di iOS dan Android, dalam 22 bahasa.
Lainnya dari CoddyKit
Tersedia di iOS dan Android.