Vue Academy logo
HTMLPemulaWebTahap A1 → C122 bahasa

Vue Academy

Cipta antara muka pengguna yang interaktif dan cekap dengan Vue.js melalui Akademi Vue. Laluan pembelajaran CoddyKit yang merangkumi 42 kursus pendek dan 156 pelajaran interaktif, dengan tutor kecerdasan buatan 24/7 di sisi anda.

Kursus
42
Pelajaran
156
Langkah interaktif
2,022
Percuma untuk bermula
Kursus 1
Kurikulum

42 kursus dalam laluan ini

Setiap kursus dalam laluan Vue Academy, mengikut urutan pembelajaran. Kursus pertama adalah percuma.

1

A13 pelajaranPercuma

Mulakan dengan Vue.js — fahami maksudnya, sediakan persekitaran anda dan bina aplikasi reaktif pertama anda.

2

A13 pelajaranPRO

Pelajari cara membina rangka projek Vue dengan CLI serta fahami struktur fail dan alat yang dijana.

3

A13 pelajaranPRO

Kuasai sintaks templat deklaratif Vue — interpolasi, arahan, syarat, gelung dan pengikatan.

4

A24 pelajaranPRO

Beralih daripada Options API kepada Composition API Vue 3 dengan setup(), ref dan reactive untuk pembangunan Vue moden.

5

A24 pelajaranPRO

Tulis komponen yang lebih kemas dan ergonomik menggunakan sintaks ringkas dalam Vue 3.

6

A24 pelajaranPRO

Kuasai setiap arahan terbina dalam Vue dan pelajari cara menulis arahan tersuai sendiri.

7

A24 pelajaranPRO

Bina borang yang kukuh dengan v-model, pengesahan natif dan pustaka VeeValidate.

8

A23 pelajaranPRO

Bina komponen Vue yang boleh diguna semula dan hubungkannya dengan prop, acara tersuai serta slot.

9

A23 pelajaranPRO

Fahami sistem kereaktifan Vue dan gunakan sifat terhitung serta pemerhati dengan berkesan.

10

B14 pelajaranPRO

Kuasai hook kitar hayat komponen Vue 3 dan fahami masa setiap fasa dilaksanakan.

11

B14 pelajaranPRO

Tambahkan peralihan masuk/keluar yang lancar dan animasi senarai menggunakan serta Vue.

12

B14 pelajaranPRO

Kuasai slot bernama, slot berskop dan kandungan slot dinamik untuk membina API komponen yang sangat boleh diguna semula.

13

B14 pelajaranPRO

Kongsi data merentas komponen yang bersarang jauh tanpa meneruskan prop secara berantai menggunakan mekanisme provide/inject Vue.

14

B14 pelajaranPRO

Tulis logik berkeadaan yang boleh diguna semula sebagai composable — corak utama guna semula kod dalam Vue 3.

15

B14 pelajaranPRO

Bina aplikasi Vue yang tahan lasak dengan sempadan ralat yang betul, UI sandaran dan pengendalian ralat global.

16

B14 pelajaranPRO

Gantikan Vuex dengan Pinia — pustaka rasmi pengurusan keadaan Vue 3 yang lebih ringkas dan mengutamakan TypeScript.

17

B14 pelajaranPRO

Tulis komponen Vue 3 yang sepenuhnya selamat dari segi jenis dengan prop, emit dan composable bertip menggunakan TypeScript.

18

B14 pelajaranPRO

Bina aplikasi Vue berbilang bahasa dengan vue-i18n v9, pertukaran setempat dan pemajmukan yang betul.

19

B14 pelajaranPRO

Dokumentasikan dan bangunkan komponen Vue secara berasingan dengan Storybook, sambil menulis cerita serta kawalan interaktif.

20

B13 pelajaranPRO

Tambahkan navigasi sisi klien kepada aplikasi Vue dengan Vue Router — laluan, parameter dan pengawal navigasi.

21

B13 pelajaranPRO

Urus keadaan aplikasi yang dikongsi dengan Vuex — keadaan, mutasi, tindakan, pengambil dan modul.

22

B13 pelajaranPRO

Dapatkan dan urus data jauh dalam aplikasi Vue dengan Axios, hook kitar hayat dan pengendalian ralat yang kukuh.

23

B13 pelajaranPRO

Bina, laksanakan dan selenggara aplikasi Vue dalam produksi dengan platform pengehosan serta pemantauan.

24

B14 pelajaranPRO

Terokai alat Vue terkini, mod Vapor dan corak baharu yang membentuk masa depan pembangunan Vue.

25

B24 pelajaranPRO

Kuasai ciri lanjutan Vue Router — meta laluan, tingkah laku tatal, peralihan dan navigasi berprogram.

26

B24 pelajaranPRO

Bina aplikasi Vue tindanan penuh dengan penghalaan berasaskan fail Nuxt 3, laluan pelayan serta keupayaan SSR/SSG.

27

B24 pelajaranPRO

Integrasikan GraphQL ke dalam aplikasi Vue menggunakan Apollo Client untuk pertanyaan, mutasi dan langganan masa nyata.

28

B24 pelajaranPRO

Bina aplikasi Vue yang dikemas kini secara langsung menggunakan WebSockets dan Socket.io untuk sembang, papan pemuka dan kolaborasi.

29

B24 pelajaranPRO

Uji komponen Vue dengan boleh dipercayai menggunakan Vitest dan Vue Test Utils, termasuk simulasi serta pelaporan liputan.

30

B23 pelajaranPRO

Percepat aplikasi Vue dengan pemuatan malas, pemisahan kod, memo dan pemprofilan kesesakan.

31

B23 pelajaranPRO

Uji aplikasi Vue dengan ujian unit menggunakan Vue Test Utils serta pengujian hujung ke hujung untuk liputan menyeluruh.

32

B23 pelajaranPRO

Gunakan corak Vue lanjutan — mixin, arahan tersuai, plugin dan penyusunan projek yang boleh diskalakan.

33

B24 pelajaranPRO

Melangkaui templat dengan fungsi render h() Vue dan JSX untuk penciptaan komponen dinamik secara berprogram.

34

B24 pelajaranPRO

Tukarkan aplikasi Vue kepada PWA dengan sokongan luar talian, pekerja perkhidmatan dan pemasangan seakan natif.

35

B24 pelajaranPRO

Lindungi aplikasi Vue daripada XSS, CSRF dan kerentanan web lain dengan corak pertahanan praktikal.

36

B24 pelajaranPRO

Bina, dokumentasikan dan terbitkan pustaka komponen Vue yang boleh diguna semula ke npm menggunakan mod pustaka Vite.

37

B24 pelajaranPRO

Cipta plugin Vue yang boleh dipasang untuk menambah komponen global, arahan, composable dan konfigurasi seluruh aplikasi.

38

C14 pelajaranPRO

Reka bentuk aplikasi Vue berskala besar sebagai micro-frontend bebas menggunakan Module Federation.

39

C14 pelajaranPRO

Kuasai corak kereaktifan lanjutan, mesin keadaan dan kilang composable untuk aplikasi Vue yang kompleks.

40

C14 pelajaranPRO

Profil dan optimumkan prestasi aplikasi Vue dengan v-memo, pemuatan malas dan penalaan sistem reaktif.

41

C14 pelajaranPRO

Laksanakan SSR penstriman dan Vue Suspense untuk pemuatan halaman secara progresif serta Core Web Vitals yang lebih baik.

42

C14 pelajaranPRO

Bina aplikasi tindanan penuh sedia produksi dengan bahagian hadapan Vue 3, bahagian belakang Fastify dan pengesahan JWT.

CoddyKit PRO

Dapatkan akses kepada kesemua 42 kursus dalam laluan ini dan semua laluan lain

Tutor AI, peperiksaan pensijilan dan sijil. Berfungsi di laman web, iOS dan Android.

Lihat semua pelan
Tahunan$29.90 / tahunKira-kira $2.49 sebulanBayar sekaliSeumur hidup$69.99 sekaliTiada pembaharuan. PRO selama-lamanya.
Gambaran Keseluruhan Kursus

Vue.js: Rangka Kerja Progresif untuk Membina Antara Muka Sebenar

Vue.js ialah rangka kerja JavaScript progresif yang direka untuk membina antara muka pengguna berasaskan komponen — daripada satu widget interaktif yang dibenamkan dalam halaman sedia ada hingga aplikasi yang dirender sepenuhnya pada pelayan dengan Nuxt. Composition API, sistem reaktiviti terperinci dan sokongan kelas pertama untuk TypeScript menjadikannya pilihan praktikal untuk projek baharu serta pasukan yang berpindah daripada bahagian hadapan lama. Laluan ini merangkumi Vue 3 dari awal hingga akhir, daripada sintaks templat hingga penggunaan dalam persekitaran produksi.

Perkara yang Akan Dipelajari

Anda akan mempelajari Composition API dan sintaks script setup, arahan Vue, sifat terhitung serta asas reaktiviti. Laluan ini merangkumi komunikasi antara komponen, slot, provide/inject dan composable untuk logik yang dikongsi. Anda akan mengurus keadaan aplikasi dengan Pinia dan Vuex, mengendalikan penghalaan menggunakan Vue Router termasuk corak lanjutan, mengesahkan borang dan menggunakan API REST bersama data masa nyata melalui WebSockets. Kursus seterusnya membincangkan integrasi TypeScript, pengantarabangsaan, Storybook, ujian dengan Vitest, pengoptimuman prestasi, pemaparan sisi pelayan dengan Nuxt 3, GraphQL dengan Apollo, Aplikasi Web Progresif serta amalan keselamatan Vue.

Laluan Pembelajaran

Empat puluh dua kursus merangkumi tahap A1 hingga C1. Kursus A1 dan A2 membina asas Vue CLI, sintaks templat, pengikatan data, arahan, borang dan asas komponen. Kursus B1 mengembangkan keseluruhan ekosistem: cangkuk kitar hayat, peralihan, Pinia, Vuex, Vue Router, TypeScript, i18n dan data tak segerak. B2 meningkatkan tahap dengan pemaparan sisi pelayan melalui Nuxt 3, GraphQL, WebSockets, ujian komponen, fungsi render, sokongan PWA dan penerbitan pustaka komponen. Kursus kemuncak C1 membincangkan seni bina mikrobahagian hadapan, corak lanjutan Composition API, penstriman SSR dengan Suspense, prestasi Vue pada skala besar serta aplikasi tindanan penuh yang dibina dengan Fastify dan pengesahan.

Cara Ia Berfungsi

Setiap kursus dibahagikan kepada pelajaran pendek dan berfokus yang anda siapkan dalam editor kod terbina dalam dengan maklum balas masa nyata. Tutor AI tersedia apabila anda menghadapi kesukaran, supaya anda boleh mengikuti latihan sintaks, cabaran komponen dan masalah seni bina mengikut rentak sendiri tanpa meninggalkan aplikasi.

Cara Anda Belajar

  1. 01

    Pelajaran Interaktif

    Latihan pengekodan amali dengan maklum balas masa nyata

  2. 02

    Tutor AI

    Dapatkan bantuan segera daripada AI kami apabila anda buntu

  3. 03

    Penyunting Terbina Dalam

    Tulis dan jalankan kod terus dalam pelayar anda

  4. 04

    Sijil

    Dapatkan sijil selepas melengkapkan kursus

FAQ

Soalan Lazim

Adakah kursus Vue Academy percuma?

Ya. Anda boleh memulakan kursus Vue Academy secara percuma dan mengikuti pelajaran interaktifnya tanpa sebarang bayaran. Langganan PRO pilihan membuka akses kepada alat kecerdasan buatan lanjutan dan sijil yang boleh dikongsi.

Adakah saya memerlukan pengalaman terdahulu untuk mempelajari HTML?

Tidak. Kursus ini bermula dengan asas dan beralih secara beransur-ansur kepada topik yang lebih maju, jadi anda boleh bermula walaupun tanpa pengalaman terdahulu dalam HTML.

Bagaimanakah saya akan mempelajari HTML di CoddyKit?

Anda belajar melalui amali. Pelajaran interaktif yang ringkas menggabungkan penerangan yang jelas dengan latihan pengekodan praktikal yang berjalan dalam masa nyata, manakala tutor kecerdasan buatan 24/7 memberikan bantuan yang diperibadikan apabila anda menghadapi kesukaran.

Adakah saya mendapat sijil selepas menamatkan Vue Academy?

Ya. Pelajar PRO boleh menduduki peperiksaan dan memperoleh sijil tamat kursus yang boleh dikongsi, lengkap dengan kod yang boleh disahkan untuk kursus Vue Academy.

Bolehkah saya mempelajari HTML melalui telefon saya?

Ya. CoddyKit tersedia di web dan sebagai aplikasi asli iOS serta Android, jadi anda boleh mempelajari HTML pada mana-mana peranti dan kemajuan anda disegerakkan merentas semua peranti.

Berapakah kos CoddyKit PRO?

Kursus pertama dalam Vue Academy adalah percuma. CoddyKit PRO membuka akses kepada setiap kursus: $5.90 seminggu, $7.90 sebulan, $29.90 setahun atau $69.99 sekali untuk akses seumur hidup tanpa pembaharuan.

Berapa lama masa yang diperlukan untuk melengkapkan Vue Academy?

Vue Academy mempunyai 42 kursus dan 156 pelajaran. Kebanyakan pelajaran mengambil masa kira-kira 5–10 minit, jadi keseluruhan laluan ini memerlukan sekitar 18 jam latihan amali, mengikut rentak anda sendiri.

Mulakan Vue Academy Sekarang

Sertai ribuan pelajar yang menguasai pengaturcaraan melalui pelajaran berkuasa kecerdasan buatan.