Vue Academy

Name: Vue Academy
Availability: InStock

HTMLFrontendWebBeginner

Buat antarmuka pengguna yang interaktif dan efisien dengan Vue.js melalui Vue Academy.

🤖 Bertenaga AI📚 42 kursus👥 100.000+ pelajar⭐ Rating 4,9

Mulai Belajar →Jelajahi Kurikulum ↓

Ringkasan Kursus

Vue.js: Framework Progresif untuk Membangun UI yang Nyata

Vue.js adalah framework JavaScript progresif yang dirancang untuk membangun antarmuka pengguna berbasis komponen — dari sebuah widget interaktif tunggal yang tertanam dalam halaman yang sudah ada hingga aplikasi yang dirender di server sepenuhnya dengan Nuxt. Composition API-nya, sistem reaktivitas berbutir halus, dan dukungan TypeScript kelas satu menjadikannya pilihan praktis untuk proyek baru maupun tim yang bermigrasi dari frontend yang lebih lama. Trek ini mencakup Vue 3 dari awal hingga akhir, dari sintaks template hingga penerapan produksi.

Apa yang Akan Anda Pelajari

Anda akan mempelajari Composition API dan sintaks script setup, direktif Vue, computed properties, dan dasar-dasar reaktivitas. Trek ini mencakup komunikasi komponen, slots, provide/inject, dan composables untuk logika bersama. Anda akan mengelola state aplikasi dengan Pinia dan Vuex, menangani routing dengan Vue Router termasuk pola lanjutan, memvalidasi formulir, dan mengonsumsi REST API bersama data real-time melalui WebSockets. Kursus-kursus selanjutnya membahas integrasi TypeScript, internasionalisasi, Storybook, pengujian dengan Vitest, optimasi performa, rendering server-side dengan Nuxt 3, GraphQL dengan Apollo, Progressive Web Apps, dan praktik keamanan Vue.

Jalur Pembelajaran

Empat puluh dua kursus mencakup A1 hingga C1. Kursus A1 dan A2 membangun Vue CLI, sintaks template, data binding, direktif, formulir, dan dasar komponen. Kursus B1 mengembangkan ekosistem lengkap: lifecycle hooks, transitions, Pinia, Vuex, Vue Router, TypeScript, i18n, dan data asinkron. B2 meningkatkan standar dengan rendering server-side melalui Nuxt 3, GraphQL, WebSockets, pengujian komponen, render functions, dukungan PWA, dan penerbitan component library. Kursus capstone C1 mengatasi arsitektur micro-frontend, pola Composition API lanjutan, SSR streaming dengan Suspense, performa Vue dalam skala besar, dan aplikasi full-stack yang dibangun dengan Fastify dan autentikasi.

Cara Kerjanya

Setiap kursus dibagi menjadi pelajaran singkat dan terfokus yang Anda selesaikan di editor kode bawaan dengan umpan balik real-time. Tutor AI tersedia ketika Anda macet, sehingga Anda dapat menjalani latihan sintaks, tantangan komponen, dan masalah arsitektur dengan kecepatan Anda sendiri tanpa meninggalkan aplikasi.

Mulai Belajar →

Alat

Jelajahi Alat Kursus

Tingkatkan pembelajaran kamu dengan alat dan fitur bertenaga AI

Temukan & perbaiki error kode

🔍

Wawasan AIPRO

Analisis kode mendalam

Ajukan Pertanyaan SuperPRO

Dapatkan jawaban level expert

📝

Buat PelajaranPRO

Pembangun pelajaran bertenaga AI

🏆

Mulai Ujian SertifikasiPRO

Raih sertifikat kamu

💻

Editor Kode

Tulis & jalankan kode

🎯

Mulai Tantangan

Uji kemampuanmu

Cara Kamu Belajar

🎯

Pelajaran Interaktif

Latihan koding langsung dengan umpan balik real-time

🤖

AI Tutor

Dapatkan bantuan instan dari AI kami saat kamu stuck

💻

Editor Bawaan

Tulis dan jalankan kode langsung di browser kamu

🏆

Sertifikat

Raih sertifikat saat kamu menyelesaikan kursus

Kurikulum

42 Kursus

Setiap kursus di jalur belajar Vue Academy.

Pengantar Vue.js

A13 pelajaran

Mulailah dengan Vue.js—pahami apa itu Vue.js, siapkan lingkungan Anda, dan bangun aplikasi reaktif pertama

Memahami Vue CLI dan Struktur Proyek

A13 pelajaranPRO

Pelajari cara membuat kerangka proyek Vue dengan CLI serta memahami struktur berkas dan perkakas yang dihasilkan

Sintaks Templat dan Pengikatan Data

A13 pelajaranPRO

Kuasai sintaks templat deklaratif Vue—interpolasi, direktif, kondisional, perulangan, dan pengikatan

Dasar-Dasar Composition API Vue 3

A24 pelajaranPRO

Beralih dari Options API ke Composition API Vue 3 dengan setup(), ref, dan reactive untuk pengembangan Vue modern

Sintaks Script Setup Vue 3

A24 pelajaranPRO

Tulis komponen yang lebih bersih dan ergonomis menggunakan sintaks ringkas di Vue 3

Menyelami Direktif Vue

A24 pelajaranPRO

Kuasai setiap direktif bawaan Vue dan pelajari cara menulis direktif kustom sendiri

Formulir dan Validasi di Vue

A24 pelajaranPRO

Bangun formulir yang tangguh dengan v-model, validasi bawaan, dan pustaka VeeValidate

Dasar-Dasar dan Komunikasi Komponen

A23 pelajaranPRO

Bangun komponen Vue yang dapat digunakan kembali dan hubungkan dengan prop, kejadian kustom, serta slot

Reaktivitas dan Properti Terhitung

A23 pelajaranPRO

Pahami sistem reaktivitas Vue dan gunakan properti terhitung serta pengawas secara efektif

Siklus Hidup Komponen Vue

B14 pelajaranPRO

Kuasai kait siklus hidup komponen Vue 3 dan pahami kapan setiap tahap dijalankan

Transisi dan Animasi di Vue

B14 pelajaranPRO

Tambahkan transisi masuk/keluar yang mulus dan animasi daftar menggunakan serta Vue

Slot Vue Lanjutan

B14 pelajaranPRO

Kuasai slot bernama, slot bercakupan, dan konten slot dinamis untuk membangun API komponen yang sangat dapat digunakan kembali

Provide dan Inject

B14 pelajaranPRO

Bagikan data di antara komponen bertingkat dalam tanpa meneruskan prop berantai menggunakan mekanisme provide/inject Vue

Composable Vue 3

B14 pelajaranPRO

Tulis logika berkondisi yang dapat digunakan kembali sebagai composable—pola utama penggunaan ulang kode di Vue 3

Penanganan Galat di Vue

B14 pelajaranPRO

Bangun aplikasi Vue yang tangguh dengan batas galat, antarmuka pengganti, dan penanganan galat global yang tepat

Manajemen Status Pinia

B14 pelajaranPRO

Gantikan Vuex dengan Pinia—pustaka manajemen status resmi Vue 3 yang lebih sederhana dan mengutamakan TypeScript

TypeScript dengan Vue 3

B14 pelajaranPRO

Tulis komponen Vue 3 yang sepenuhnya aman tipe dengan prop, emisi, dan composable bertipe menggunakan TypeScript

Internasionalisasi Vue (i18n)

B14 pelajaranPRO

Bangun aplikasi Vue multibahasa dengan vue-i18n v9, pergantian lokal, dan bentuk jamak yang tepat

Integrasi Vue Storybook

B14 pelajaranPRO

Dokumentasikan dan kembangkan komponen Vue secara terisolasi dengan Storybook, sambil menulis cerita dan kontrol interaktif

Perutean dengan Vue Router

B13 pelajaranPRO

Tambahkan navigasi sisi klien ke aplikasi Vue dengan Vue Router—rute, parameter, dan penjaga navigasi

Manajemen Status dengan Vuex

B13 pelajaranPRO

Kelola status aplikasi bersama dengan Vuex—status, mutasi, tindakan, pengambil, dan modul

Menangani API dan Data Asinkron

B13 pelajaranPRO

Ambil dan kelola data jarak jauh di aplikasi Vue dengan Axios, kait siklus hidup, dan penanganan galat yang tangguh

Penerapan dan Pemeliharaan Aplikasi Vue

B13 pelajaranPRO

Bangun, terapkan, dan pelihara aplikasi Vue dalam produksi dengan platform hosting dan pemantauan

Ekosistem Vue dan Langkah Berikutnya

B14 pelajaranPRO

Jelajahi perkakas Vue mutakhir, mode Vapor, dan pola baru yang membentuk masa depan pengembangan Vue

Pola Lanjutan Vue Router

B24 pelajaranPRO

Kuasai fitur lanjutan Vue Router—meta rute, perilaku gulir, transisi, dan navigasi terprogram

Penyajian Sisi Server dengan Nuxt 3

B24 pelajaranPRO

Bangun aplikasi Vue full-stack dengan perutean berbasis berkas, rute server, dan kemampuan SSR/SSG Nuxt 3

Vue dengan GraphQL dan Apollo

B24 pelajaranPRO

Integrasikan GraphQL ke aplikasi Vue menggunakan Apollo Client untuk kueri, mutasi, dan langganan waktu nyata

Aplikasi Waktu Nyata dengan Vue dan WebSockets

B24 pelajaranPRO

Bangun aplikasi Vue yang diperbarui secara langsung menggunakan WebSockets dan Socket.io untuk obrolan, dasbor, serta kolaborasi

Pengujian Komponen dengan Vitest

B24 pelajaranPRO

Uji komponen Vue secara andal menggunakan Vitest dan Vue Test Utils dengan pemalsuan serta pelaporan cakupan

Optimasi Kinerja di Vue

B23 pelajaranPRO

Percepat aplikasi Vue dengan pemuatan malas, pemisahan kode, memorisasi, dan pembuatan profil titik hambat

Pengujian Aplikasi Vue

B23 pelajaranPRO

Uji aplikasi Vue dengan pengujian unit menggunakan Vue Test Utils dan pengujian ujung ke ujung untuk cakupan menyeluruh

Pola Lanjutan dan Praktik Terbaik

B23 pelajaranPRO

Terapkan pola Vue lanjutan—mixin, direktif kustom, plugin, dan pengaturan proyek yang dapat diskalakan

Fungsi Render Vue dan JSX

B24 pelajaranPRO

Melampaui templat dengan fungsi render h() Vue dan JSX untuk membuat komponen secara dinamis dan terprogram

Aplikasi Web Progresif dengan Vue

B24 pelajaranPRO

Ubah aplikasi Vue menjadi PWA dengan dukungan luring, pekerja layanan, dan pemasangan seperti aplikasi asli

Praktik Terbaik Keamanan Vue

B24 pelajaranPRO

Amankan aplikasi Vue dari XSS, CSRF, dan kerentanan web lainnya dengan pola pertahanan praktis

Publikasi Pustaka Komponen Vue

B24 pelajaranPRO

Bangun, dokumentasikan, dan publikasikan pustaka komponen Vue yang dapat digunakan kembali ke npm menggunakan mode pustaka Vite

Pengembangan Plugin Vue 3

B24 pelajaranPRO

Buat plugin Vue yang dapat dipasang untuk menambahkan komponen global, direktif, composable, dan konfigurasi seluruh aplikasi

Mikro-Frontend dengan Vue

C14 pelajaranPRO

Rancang aplikasi Vue skala besar sebagai mikro-frontend independen menggunakan Module Federation

Pola Composition API Lanjutan

C14 pelajaranPRO

Kuasai pola reaktivitas lanjutan, mesin status, dan pabrik composable untuk aplikasi Vue yang kompleks

Kinerja Vue Lanjutan

C14 pelajaranPRO

Profilkan dan optimalkan kinerja aplikasi Vue dengan v-memo, pemuatan malas, dan penyetelan sistem reaktif

Streaming SSR dan Suspense Vue

C14 pelajaranPRO

Terapkan streaming SSR dan Suspense Vue untuk pemuatan halaman progresif serta Core Web Vitals yang lebih baik

Vue Full-Stack dengan Fastify dan Autentikasi

C14 pelajaranPRO

Bangun aplikasi full-stack siap produksi dengan frontend Vue 3, backend Fastify, dan autentikasi JWT

FAQ

Pertanyaan yang Sering Diajukan

Apakah kursus Vue Academy gratis?

Ya. Kamu bisa memulai kursus Vue Academy secara gratis dan menyelesaikan pelajaran interaktifnya tanpa biaya. Langganan PRO opsional membuka akses ke alat AI tingkat lanjut dan sertifikat yang bisa dibagikan.

Apakah aku perlu pengalaman sebelumnya untuk belajar HTML?

Tidak. Kursus dimulai dari dasar dan secara bertahap bergerak ke topik yang lebih canggih, jadi kamu bisa memulai meski tanpa pengalaman HTML sebelumnya.

Bagaimana cara aku belajar HTML di CoddyKit?

Kamu belajar dengan praktik. Pelajaran interaktif pendek memadukan penjelasan yang jelas dengan latihan koding langsung yang berjalan real-time, dan tutor AI 24/7 memberikan bantuan personal kapan pun kamu stuck.

Apakah aku dapat sertifikat saat menyelesaikan Vue Academy?

Ya. Pelajar PRO bisa mengikuti ujian dan meraih sertifikat penyelesaian yang bisa dibagikan dengan kode verifikasi untuk kursus Vue Academy.

Bisakah aku belajar HTML di ponselku?

Ya. CoddyKit tersedia di web dan sebagai aplikasi native iOS dan Android, jadi kamu bisa belajar HTML di perangkat apa pun dan progresmu tersinkronisasi di semuanya.

Mulai Vue Academy Sekarang

Bergabunglah dengan ribuan pelajar yang menguasai pemrograman dengan pelajaran bertenaga AI.

Mulai Gratis →Jelajahi Semua Kursus