Belajar jQuery: Kod & Praktik
Belajar jQuery: Kod & Praktik — Belajar jQuery pada telefon anda: tulis rantaian kod dan lihat halaman sebenar bertindak balas
Belajar jQuery: Kod & Praktik ialah aplikasi iOS dan Android yang boleh dimulakan secara percuma untuk mengajar pustaka JavaScript jQuery — manipulasi DOM, acara, kesan dan AJAX — kepada pemula, pelajar serta pembangun yang menyelenggara laman jQuery. Setiap pelajaran disertakan editor langsung dan pratonton halaman, manakala jQuery 3.7.1 terbina dalam supaya perkara yang anda tulis berjalan pada telefon, walaupun tanpa talian. Mentor AI menjawab soalan tentang selector, ralat atau panggilan AJAX.
- Harga
- Percuma, naik taraf Pro
- Platform
- iOS dan Android
- Bahasa
- 22
- Penarafan umur
- 4+
- Memerlukan
- iOS 15.1 atau lebih baharu
Jika anda tahu selector CSS, anda sudah mengetahui sebahagian besar jQuery.
jQuery mengambil selector daripada CSS dan membolehkan anda merangkaikan tindakan pada hasilnya. Ini menjadikannya pengenalan pertama yang mudah kepada DOM, acara dan kod tak segerak, serta kemahiran praktikal untuk banyak laman web sedia ada yang masih bergantung padanya.
Apakah aplikasi ini
Belajar jQuery: Kod & Praktik ialah aplikasi kursus iOS dan Android untuk pustaka JavaScript jQuery. Aplikasi ini mempunyai 22 kursus dengan 48 pelajaran dari tahap A1 hingga C1, editor JavaScript langsung dengan pratonton halaman yang berjalan pada peranti dengan jQuery 3.7.1 terbina dalam, 20 misi penyahpepijatan, 20 projek HTML dan CSS berpanduan, 50 soalan temu duga, 50 soalan kuiz dan helaian rujukan pantas dengan 91 entri. Mentor AI menerangkan selector, ralat dan panggilan AJAX dalam bahasa yang mudah difahami.
Dalam aplikasi
Rupa aplikasi ini
Kursus
Kandungan kursus jQuery
Berdasarkan senarai kursus jQuery CoddyKit, daripada panggilan $ pertama hingga plugin, pengujian dan penggunaan bersama JavaScript moden.
Selamat datang ke jQuery dan langkah pertama
Perkara yang dilakukan oleh jQuery, masalah sebenar yang diselesaikannya dan sebab begitu banyak laman masih menggunakannya, diikuti rantai pertama serta asas untuk pemula.
Pemilihan elemen dan traversal DOM
Memilih elemen, kemudian menggunakan pemilih atribut dan pseudo-class lanjutan serta bergerak melalui DOM dari satu elemen ke elemen seterusnya.
Manipulasi dan penggayaan DOM
Mencipta, memasukkan, mengalihkan dan membuang elemen merentasi dua kursus, serta mengubah CSS dan kelas daripada kod.
Event dan delegation
Pengurusan event, diikuti event delegation untuk elemen yang ditambah kemudian serta pengurusan event tersuai.
Animasi dan kesan
Animasi asas, diikuti animasi kompleks dan kesan tersuai seperti jujukan berantai serta easing tersuai.
Borang, data dan templat
Kandungan dinamik dengan atribut data dan templat, serta pengendalian dan pengesahan borang lanjutan.
AJAX, objek Deferred dan promise
Operasi AJAX dan pengendalian data jauh, diikuti objek Deferred dan promise untuk mengurus kod tak segerak.
Plugin, prestasi dan pengujian
Pemilih dan penapisan tersuai, pembangunan plugin yang kukuh, prestasi dan amalan terbaik, penyepaduan jQuery dengan JavaScript moden serta pengujian aplikasi jQuery.
Cara ia berfungsi
Cara sesuatu pelajaran berfungsi
Setiap pelajaran meletakkan penerangan ringkas bersebelahan kod yang anda jalankan sendiri, supaya idea tersebut diuji sebelum anda meneruskan.
Baca satu pelajaran ringkas
Buka satu topik dan baca penerangan ringkas tentang selector, acara atau kesan. Pelajaran cukup pendek untuk dibaca ketika menaiki bas, dan kursus bergerak daripada rantaian pertama hingga plugin dan pengujian.
Tulis rantaian dan lihat halaman bertindak balas
Dalam editor langsung, anda menulis HTML, CSS dan jQuery lalu menjalankannya serentak. Editor menjalankan semula kod anda apabila anda berhenti menaip, tanpa pelayan dan tanpa langkah binaan, manakala pratonton halaman menunjukkan hasilnya.
Baiki pepijat, kemudian tanya mentor
Misi memberikan anda kod yang rosak dan meminta anda mencari puncanya: pengendali klik apabila `this` ialah window, menu yang terus melungsur, atau penyimpanan yang dicetuskan dua kali. Apabila sesuatu konsep atau ralat tidak difahami, Mentor AI menerangkannya semula dengan kata-kata yang lebih mudah.
Kandungan
Kandungan aplikasi
22
Kursus, A1 hingga C1
22 kursus dengan 48 pelajaran yang bermula dengan fungsi $ dan rantaian pertama anda, kemudian diteruskan dengan selector, manipulasi DOM, acara, animasi, borang, AJAX, plugin dan prestasi.
3.7.1
jQuery terbina dalam
Pratonton halaman berjalan pada peranti dengan jQuery 3.7.1 disertakan, jadi editor juga berfungsi tanpa talian.
20
Misi penyahpepijatan
Pepijat yang terasa seperti situasi sebenar untuk dibaiki, seperti rantaian yang berakhir dengan rentetan atau butang padam yang hanya berfungsi pada baris pertama.
20
Projek halaman berpanduan
Dua puluh projek HTML dan CSS yang membina markup untuk digunakan oleh selector anda kemudian.
91
Helaian rujukan pantas dan kuiz
Helaian rujukan pantas dengan 91 entri untuk selector, acara, kesan dan kaedah AJAX, serta 50 soalan kuiz dan 50 soalan temu duga.
AI
Mentor AI
Tanya tentang selector, ralat atau panggilan AJAX dan dapatkan jawapan dalam bahasa yang mudah difahami. Pelan percuma merangkumi 3 soalan sehari.
Latar belakang
Adakah jQuery masih berbaloi dipelajari, dan untuk apa ia digunakan?
jQuery ialah pustaka JavaScript yang memendekkan cara memilih elemen pada halaman web, mengubahnya, bertindak balas terhadap klik dan memuatkan data tanpa memuat semula halaman. Framework yang lebih baharu telah mengambil alih banyak projek baharu, tetapi sebahagian besar laman web sedia ada masih menggunakan jQuery. Oleh itu, membaca, membaiki dan melanjutkan kod tersebut kekal sebagai kemahiran pembangunan web yang praktikal. jQuery juga merupakan cara yang mudah untuk mengenali DOM, acara dan JavaScript tak segerak sebelum beralih kepada alat yang lebih besar.
Fungsi $ dan rantaiansatu baris, beberapa tindakan
Memanggil $ dengan selector mengembalikan objek jQuery, dan hampir setiap kaedah mengembalikan objek itu semula. Inilah yang membolehkan rantaian seperti memilih senarai, menambah kelas dan memudarkannya masuk dalam satu baris yang mudah dibaca, bukannya empat pernyataan berasingan.
SelectorPengetahuan CSS boleh digunakan
Selector kelas, id, atribut dan pseudo-class berfungsi hampir sama seperti dalam helaian gaya. Kaedah traversal kemudiannya bergerak dari satu elemen ke ibu, anak atau adik-beradiknya, iaitu cara untuk mencapai baris yang betul apabila halaman mempunyai beratus-ratus baris yang serupa.
Delegasi acarapenyelesaian untuk elemen yang ditambah kemudian
Pengendali yang dilampirkan pada butang hanya wujud untuk butang yang ada ketika kod dijalankan. Melampirkannya pada elemen induk dan menapis berdasarkan selector menjadikannya berfungsi untuk baris yang ditambah kemudian, yang merupakan punca klasik butang padam hanya berfungsi pada baris lama.
Perkara yang dirujuk oleh thispepijat yang biasa berlaku
Dalam pengendali jQuery, `this` ialah elemen yang menerima acara, tetapi fungsi anak panah atau callback yang diletakkan pada tempat yang salah boleh mengubahnya. Menyahpepijat pengendali apabila `this` sudah menjadi window ialah pepijat sebenar pertama yang biasa dihadapi.
AJAX dan promisedata tanpa memuat semula
$.ajax() menghantar permintaan dan membolehkan halaman dikemas kini apabila jawapan diterima. Objek Deferred dan promise menyusun beberapa permintaan tersebut supaya satu langkah menunggu langkah yang lain, bukannya menyarangkan callback.
Sesuai
Untuk siapa — dan bukan untuk siapa
Sesuai untuk anda jika anda
- Tahu sedikit HTML dan CSS serta mahu menjadikan halaman bertindak balas terhadap klik dan borang
- Menyelenggara laman yang dibina menggunakan jQuery dan perlu membaca serta membaiki kodnya
- Sedang membuat persediaan untuk temu duga front end yang masih menggunakan jQuery lama
- Mahu menulis kod pada telefon dan melihat pratonton halaman serta-merta
- Belajar dengan baik dalam sesi singkat dan suka bertanya soalan kepada mentor
Bukan alat yang sesuai jika anda
- Mahu mempelajari framework moden seperti React; aplikasi ini mengajar jQuery dan DOM
- Perlukan semua kursus percuma: kursus pertama, projek pertama dan dua misi adalah percuma, manakala Pro membuka kunci selebihnya
- Mengharapkan versi percuma tanpa iklan, kerana Pro membuangnya
Soalan
Soalan lazim
Apakah cara terbaik untuk belajar jQuery pada telefon?
Cara paling berkesan ialah menulis kod dan melihat perubahan pada halaman, bukan sekadar membaca tentang pemilih. Belajar jQuery: Kod & Praktik memberikan editor langsung dengan pratonton halaman untuk setiap pelajaran singkat, jQuery 3.7.1 terbina dalam supaya ia boleh dijalankan pada peranti, dan AI Mentor menerangkan perkara yang kurang jelas. Anda boleh bermula secara percuma pada iOS dan Android.
Adakah jQuery sama dengan JavaScript?
Tidak. JavaScript ialah bahasa pengaturcaraan; jQuery ialah library yang ditulis dalam JavaScript untuk memendekkan tugas biasa seperti memilih elemen, bertindak balas terhadap klik dan menghantar permintaan AJAX. Belajar jQuery: Kod & Praktik mengajar jQuery dalam editor JavaScript, jadi anda berlatih kedua-duanya bersama-sama dan melihat cara sesuatu rantai dipetakan kepada kod DOM biasa.
Adakah jQuery masih berbaloi untuk dipelajari?
Bagi projek baharu, banyak pasukan memilih alat lain, tetapi sebahagian besar laman web sedia ada masih menjalankan jQuery, jadi kemahiran membaca dan membaiki kod tersebut amat berguna. Ia juga merupakan cara mudah untuk memahami DOM, event dan JavaScript tak segerak. Belajar jQuery: Kod & Praktik merangkumi soalan temu duga untuk pekerjaan front end yang masih menggunakan jQuery lama.
Adakah Belajar jQuery: Kod & Praktik tersedia pada iPhone dan Android?
Ya. Belajar jQuery: Kod & Praktik tersedia di App Store untuk iPhone (iOS 15.1 atau lebih baharu) dan di Google Play untuk Android. Antara mukanya tersedia dalam 22 bahasa, termasuk English, Spanish, German, French, Portuguese, Japanese, Korean, Arabic, Hindi dan Turkish, manakala kod yang anda tulis kekal dalam jQuery dan JavaScript dalam setiap bahasa.
Bolehkah saya menjalankan kod jQuery secara luar talian dalam aplikasi?
Ya, untuk editor. jQuery 3.7.1 terbina dalam Belajar jQuery: Kod & Praktik, jadi pratonton halaman berjalan pada peranti walaupun di luar talian. Ciri yang bergantung pada AI Mentor memerlukan sambungan Internet.
Apakah topik yang dibincangkan dalam kursus jQuery?
22 kursus ini merangkumi segala-galanya daripada fungsi $ dan pemilih hingga manipulasi DOM, penggayaan, event dan delegation, animasi, borang, AJAX, objek Deferred dan promise. Kursus ini diteruskan dengan pemilih tersuai, penulisan plugin, prestasi, penyepaduan jQuery dengan JavaScript moden serta pengujian.
Apakah misi penyahpepijatan?
Misi ini terdiri daripada 20 latihan yang memberikan anda kod jQuery rosak dan meminta anda mencari pepuncanya, seperti yang berlaku dalam pekerjaan sebenar. Contohnya termasuk pengendali klik yang menjadikan this sebagai window, rantai yang berakhir dengan rentetan, butang padam yang hanya berfungsi pada baris lama, menu yang terus melungsur selepas anda meninggalkannya dan tindakan simpan yang dicetuskan dua kali.
Adakah saya perlu mengetahui JavaScript atau HTML terlebih dahulu?
Sedikit pengetahuan tentang HTML dan CSS membantu kerana pemilih jQuery berfungsi pada markup dan menggunakan sintaks daripada CSS. Belajar jQuery: Kod & Praktik juga mempunyai 20 projek halaman HTML dan CSS berpandu, supaya anda boleh membina markup yang akan digunakan oleh pemilih anda. Kursus ini bermula dengan rantai pertama.
Adakah Belajar jQuery: Kod & Praktik percuma?
Anda boleh bermula secara percuma: kursus pertama, projek berpandu pertama, dua misi, editor, kuiz, soalan temu duga, helaian rujukan dan 3 soalan AI Mentor sehari. Versi percuma memaparkan iklan. Pro membuka kunci setiap kursus, projek dan misi, peperiksaan sijil serta AI Mentor tanpa had, dan membuang iklan. Ia ditawarkan sebagai langganan mingguan, bulanan atau tahunan, atau pembelian sekali seumur hidup. Peperiksaan sijil pada penghujung kursus termasuk dalam Pro.
Adakah aplikasi ini mempunyai hubungan rasmi dengan jQuery?
Tidak. jQuery ialah tanda dagangan OpenJS Foundation, manakala Belajar jQuery: Kod & Praktik ialah aplikasi pembelajaran bebas yang tidak mempunyai hubungan dengan atau mendapat pengendorsan daripada OpenJS Foundation.
Mulakan
Tulis rantaian jQuery pertama anda hari ini
Percuma untuk bermula pada iOS dan Android, dalam 22 bahasa.
Lagi daripada CoddyKit
Tersedia di iOS dan Android.