Name: Vue.js 3 dari Nol
Availability: InStock

Hasil belajar

Setelah ini, kamu bisa...

Template syntax, reactivity (ref & reactive), event, dan form v-model

Conditional & list rendering, computed, watch, dan watchEffect

Komponen: props, emits, defineModel, slots, dan lifecycle

Template refs, composables, provide/inject, dan transition

Vue Router, Pinia, dan pola mengambil data (loading/error)

Proyek akhir Daftar Tugas + panduan build & deploy

Keunggulan

Belajar jadi lebih gampang dan nggak ngebosenin

Animasi konsep

Tiap part dibuka dengan animasi singkat, jadi konsepnya langsung kebayang. Nggak cuma baca teks!

Materi mudah dipahami

Dijelaskan pelan-pelan pakai analogi, contoh kode, dan tips biar nggak salah di hal yang umum.

Latihan interaktif langsung

Langsung praktik di halaman yang sama. Jawabanmu dicek otomatis, dan ada petunjuk kalau kamu mentok.

Belajar bertahap

Selesaikan latihan untuk membuka part berikutnya, jadi dasarmu selalu kuat.

Quiz akhir

Tes seberapa paham kamu sebelum ambil sertifikat.

Sertifikat kelulusan

Sertifikat atas namamu siap diambil setelah semua part selesai dan quiz minimal 70.

Peta Petualangan

Tuntaskan misi, kumpulkan XP

1Pengenalan Vue & Komponen Pertama +100 XP

Template Syntax & Interpolasi+100 XP

Reactivity: ref & reactive+100 XP

Binding Atribut, Class & Style+100 XP

Event Handling dengan v-on+100 XP

Conditional Rendering: v-if & v-show+100 XP

List Rendering: v-for & key+100 XP

Form Input Binding dengan v-model+100 XP

Computed Property+100 XP

Watch & watchEffect+100 XP

Komponen: Memecah UI Jadi Bagian Kecil+100 XP

Props: Mengirim Data ke Komponen Anak+100 XP

Emits: Komunikasi dari Anak ke Induk+100 XP

v-model pada Komponen (defineModel)+100 XP

Slots: Menyisipkan Konten ke Komponen+100 XP

Lifecycle Hooks+100 XP

Template Refs & defineExpose+100 XP

Composables: Logika yang Bisa Dipakai Ulang+100 XP

Provide & Inject+100 XP

Transition & Komponen Dinamis+100 XP

Vue Router: Navigasi Antar Halaman+100 XP

Pinia: State Management Global+100 XP

Mengambil Data: Loading, Error & Async+100 XP

Options API: Membaca Kode Vue Lama+100 XP

Proyek Akhir: Aplikasi Daftar Tugas+100 XP

🏆Quiz Arena+150 XP

Lulus Misi aktif Terkunci 🏆 Quiz Arena membuka sertifikat · tamat course +300 XP bonus

Kurikulum

25 part, dari nol sampai bisa

Daftar part
0 dari 25 part selesai

1

Pengenalan Vue & Komponen PertamaApa itu Vue, kenapa banyak dipakai, cara memulai (CDN & create-vue), anatomi file .vue, dan membuat komponen pertamamu.

Buka

Template Syntax & InterpolasiSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Reactivity: ref & reactiveSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Binding Atribut, Class & StyleSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Event Handling dengan v-onSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Conditional Rendering: v-if & v-showSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

List Rendering: v-for & keySelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Form Input Binding dengan v-modelSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Computed PropertySelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Watch & watchEffectSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Komponen: Memecah UI Jadi Bagian KecilSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Props: Mengirim Data ke Komponen AnakSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Emits: Komunikasi dari Anak ke IndukSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

v-model pada Komponen (defineModel)Selesaikan part sebelumnya untuk membuka latihan. Baca materinya

Slots: Menyisipkan Konten ke KomponenSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Lifecycle HooksSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Template Refs & defineExposeSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Composables: Logika yang Bisa Dipakai UlangSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Provide & InjectSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Transition & Komponen DinamisSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Vue Router: Navigasi Antar HalamanSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Pinia: State Management GlobalSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Mengambil Data: Loading, Error & AsyncSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Options API: Membaca Kode Vue LamaSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Proyek Akhir: Aplikasi Daftar TugasSelesaikan part sebelumnya untuk membuka latihan. Baca materinya

Pengajar

Ditemani mentor

H

Mentor kamu

Hifzon

Course ini disusun santai tapi praktis: teori singkat, animasi, lalu langsung latihan, supaya kamu terbiasa mencoba sendiri sejak part pertama.

Lanjut belajar

Course lain yang cocok untukmu

CSS dari Nol: Mendesain Tampilan Website yang Menarik Pemula · 25 part · 0 peserta aktif Lihat course HTML dari Nol: Membuat Halaman Web Pertamamu Pemula · 20 part · 0 peserta aktif Lihat course Scratch dari Nol: Belajar Pemrograman dengan Blok Pemula · 18 part · 1 peserta aktif Lihat course

FAQ

Masih bingung? Cek ini dulu

Apakah course ini gratis?

Gratis! Cukup daftar dan verifikasi email, lalu semua part bisa langsung kamu buka.

Apakah saya perlu memasang aplikasi tambahan?

Nggak perlu. Semua latihan dikerjakan langsung di KelasIT, cukup pakai browser.

Bagaimana sistem kelulusan dan sertifikat?

Setiap part punya latihan singkat. Kalau sudah lulus, part berikutnya terbuka. Sertifikat bisa kamu ambil setelah semua part selesai dan quiz akhir minimal 70.

Harus selesai dalam berapa lama?

Bebas! Belajar sesuai tempomu, berhenti dan lanjut kapan saja. Progress-mu selalu tersimpan.

Apakah bisa dipelajari lewat ponsel?

Bisa banget untuk baca materi. Tapi untuk menulis kode, laptop atau tablet berkeyboard akan lebih nyaman.

Vue.js 3 dari Nol