Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Vue js 3 Mastery: Belajar Vue dari Nol Hingga Mahir

icon global
Released date October 2023
icon convert
Last updated March 2026
Member

241 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Website yang baik dapat memberikan experience bagus kepada pengguna sehingga mereka betah menggunakan website tersebut dan dapat meningkatkan pertumbuhan bisnis dari startup atau perusahaan besar.

Pada kelas ini kita akan belajar menggunakan framework Vue JS 3 mulai dari awal sampai mahir. Vue JS adalah salah satu framework yang sedang popular saat ini dan dibutuhkan oleh banyak perusahaan. 

Di kelas ini kita akan membuat 3 projek menarik yang dapat menambah pengetahuan dan pengalaman anda dalam pengembangan web dengan Vue js.

Tidak hanya itu, kita akan perdalam seluruh konsep dari framework Vue JS untuk mempersiapkan karir sebagai JavaScript Developer.

Apabila kamu ingin berkarir sebagai website developer maka sebaiknya coba pelajari framework Vue JS 3 untuk belajar membangun website yang modern, sampai bertemu di kelas ya.

Sneak Peek

Key Points

icon_check

Belajar membuat beberapa komponen UI yang dapat digunakan kembali baik menggunakan Option API ataupun Composition API

icon_check

Belajar membuat Single Page Application (SPA) dari nol

icon_check

Memahami bagaimana menggunakan Vue 3 Composition API dalam pembuatan projek nyata

Designed For

icon_check

Pengembang Frontend yang ingin meningkatkan keterampilan mereka dan mempelajari Vue Js 3

icon_check

Mereka yang tertarik untuk membangun aplikasi web dinamis dengan Vue Js

icon_check

Mereka yang ingin mempelajari Vue 3 Composition API dalam membangun proyek nyata

Course Lessons

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

Learn With Expert

Mentor Muhamad Saprudin

Muhamad Saprudin

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(4.5K)

Our Happy Students

Review setelah bergabung di kelas Vue js 3 Mastery: Belajar Vue dari Nol Hingga Mahir

All Rating
Ihza Maulana Alfarisi at BuildWithAngga
Ihza Maulana Alfarisi

Full-Stack Developer

sangat bermanfaat buat nambah ilmu kita read more

10 Mar 2026

ic-star ic-star ic-star ic-star ic-star
Ibnu Yahya Saputra at BuildWithAngga
Ibnu Yahya Saputra

Full-Stack Developer

backendnya saja harus di update untuk endpoint auth, overall tentang vue.js nya good read more

29 Jan 2026

ic-star ic-star ic-star ic-star ic-star
dimas pradipto at BuildWithAngga
Dimas pradipto

Full-Stack Developer

penjelasan mentor sangat jelas dan mudah untuk dipahami read more

16 Dec 2025

ic-star ic-star ic-star ic-star ic-star
I Komang Ananda Widiastana at BuildWithAngga
I Komang Ananda Widiastan

Full-Stack Developer

cocok untuk pemula read more

27 Aug 2025

ic-star ic-star ic-star ic-star ic-star
Muhammad Haikal Aziz at BuildWithAngga
Muhammad Haikal Aziz

Full-Stack Developer

17 Aug 2024

ic-star ic-star ic-star ic-star ic-star
Alfian Yanuar Kharisma Wira Bhakti at BuildWithAngga
Alfian Yanuar Kharisma Wi

Full-Stack Developer

sangat baik read more

05 May 2024

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Node JS

Software

logo

XAMPP

Software

logo

Vue Devtools

Software

logo

Vue JS 3

Software

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 59,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Recommended for You

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Vue js 3 Mastery: Belajar Vue dari Nol Hingga Mahir Foto kelas Vue js 3 Mastery: Belajar Vue dari Nol Hingga Mahir Foto kelas Vue js 3 Mastery: Belajar Vue dari Nol Hingga Mahir Foto kelas Vue js 3 Mastery: Belajar Vue dari Nol Hingga Mahir

Vue js 3 Mastery: Belajar Vue dari Nol Hingga Mahir

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

  • play
    Pengantar Vue 3 101
    Video 1 minutes
  • play
    Memulai Vue js 3
    Video 6 minutes
  • play
  • lock
    Mengenal Sintaks Vue js
    Video 8 minutes
  • lock
    Penanganan Event
    Video 7 minutes
  • lock
    Teknik Two Way Binding dengan V-Model
    Video 4 minutes
  • lock
    Bekerja dengan Method
    Video 7 minutes
  • lock
    Style dan Class Binding
    Video 6 minutes
  • lock
    Properti komputasi (Computed property)
    Video 3 minutes
  • lock
    Watcher
    Video 4 minutes
  • lock
    Memberikan style pada komponen
    Video 3 minutes
  • lock
    Komunikasi Antar Komponen - Penggunaan Props
    Video 5 minutes
  • lock
    Komunikasi Antar Komponen Pelepasan Event
    Video 5 minutes

  • lock
    Props Statis dan Dinamis
    Video 7 minutes
  • lock
    Props Types dan Validasi Props
    Video 7 minutes
  • lock
    Emisi Event dan Mendengarkan Event
    Video 3 minutes
  • lock
    Argumen Event dan Validasi Event
    Video 4 minutes
  • lock
    Implementasi V-model Pada Kastem Komponen
    Video 5 minutes
  • lock
    V-model Modifier
    Video 4 minutes
  • lock
    Multiple V-model Binding
    Video 6 minutes
  • lock
    Atribut Fallthrough
    Video 5 minutes
  • lock
    Menonaktifkan Pewarisan Atribut
    Video 3 minutes
  • lock
    Menggunakan Slot
    Video 4 minutes
  • lock
    Slot Bernama
    Video 4 minutes
  • lock
    Scoped Slot
    Video 3 minutes
  • lock
    Scoped Slot Bernama
    Video 4 minutes
  • lock
    Komponen Dinamis
    Video 6 minutes

  • lock
    Pengantar
    Video 2 minutes
  • lock
    Membuat Komponen Dasar Dropdown
    Video 10 minutes
  • lock
    Membuat Logika Komponen Dropdown
    Video 5 minutes
  • lock
    Komponen Dropdown Trigger dan Dropdown Item
    Video 8 minutes
  • lock
    Menangani Click Diluar Komponen
    Video 3 minutes

  • lock
    Composition API setup
    Video 2 minutes
  • lock
    Data reaktif Menggunakan Fungsi Ref
    Video 5 minutes
  • lock
    Data Reaktif Mengguanakn Fungsi Reactive
    Video 4 minutes
  • lock
    Menggunakan Fungsi toRef dan toRefs
    Video 6 minutes
  • lock
    Bekerja dengan Properti Komputasi
    Video 5 minutes
  • lock
    Watch dan watchEffect
    Video 7 minutes
  • lock
    Pelepasan Event
    Video 5 minutes
  • lock
    Lifecycle hook
    Video 5 minutes
  • lock
    Composable function
    Video 6 minutes
  • lock
    Script setup
    Video 6 minutes
  • lock
    Konversi komponen dari Option API ke Composition API
    Video 8 minutes

  • lock
    Pengantar
    Video 1 minutes
  • lock
    Membuat komponen dasar Autocomplete
    Video 6 minutes
  • lock
    Menambahkan fitur pencarian real time
    Video 4 minutes
  • lock
    mengimplementasikan v model pada komponen
    Video 5 minutes
  • lock
    Memberikan Style Pada Komponen
    Video 6 minutes

  • lock
    Setup Laravel REST API
    Video 3 minutes
  • lock
    Setup Vue.js
    Video 8 minutes
  • lock
    Setup Axios HTTP Client
    Video 9 minutes
  • lock
    Mengambil data dari API dan menampilkannya di sisi Client
    Video 7 minutes
  • lock
    Menampilkan complete/incomplete task
    Video 8 minutes
  • lock
    Menampilkan dan menyembunyikan komponen secara dinamis
    Video 8 minutes
  • lock
    Menambah data baru
    Video 7 minutes
  • lock
    Membuat fitur Inline Editing
    Video 8 minutes
  • lock
    Mengupdate data (PUT)
    Video 6 minutes
  • lock
    Prefill inputan saat edit data
    Video 3 minutes
  • lock
    Mengupdate data (PATCH)
    Video 6 minutes
  • lock
    Menghapus data
    Video 5 minutes

  • lock
    Setting Up Pinia
    Video 2 minutes
  • lock
    Defining Store
    Video 8 minutes
  • lock
    Mendefinisikan Getter
    Video 6 minutes
  • lock
    Mendefinisikan Action
    Video 4 minutes
  • lock
    Mendefinisikan Setup Store
    Video 5 minutes
  • lock
    Refaktor Komponen
    Video 9 minutes

  • lock
    Install Vue Router
    Video 9 minutes
  • lock
    Route Navigation
    Video 3 minutes
  • lock
    Programatic Navigation
    Video 4 minutes
  • lock
    Menandai link active secara dinamis
    Video 6 minutes
  • lock
    Penanganan error 404
    Video 4 minutes
  • lock
    Pengatur navigasi
    Video 6 minutes
  • lock
    Meta field
    Video 2 minutes
  • lock
    Mengatur transisi halaman
    Video 8 minutes

  • lock
    Bekerja dengan Variabel Environment
    Video 5 minutes
  • lock
    Setup otentikasi di sisi Client
    Video 5 minutes
  • lock
    Membuat Store Pinia khusus untuk otentikasi
    Video 9 minutes
  • lock
    Membuat fitur untuk login
    Video 7 minutes
  • lock
    Pengalihan otentikasi
    Video 4 minutes
  • lock
    Membuat fitur untuk logout
    Video 5 minutes
  • lock
    Implementasi Dropdown untuk logout
    Video 6 minutes
  • lock
    Menampilkan Pesan kesalahan validasi
    Video 8 minutes
  • lock
    Menambahkan form Registrasi
    Video 7 minutes
  • lock
    Bugfix pada task yang sudah selesai
    Video 1 minutes
  • lock
    Menambahkan fitur Summaries
    Video 14 minutes
Member
241
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
Develop Your Skills

Website yang baik dapat memberikan experience bagus kepada pengguna sehingga mereka betah menggunakan website tersebut dan dapat meningkatkan pertumbuhan bisnis dari startup atau perusahaan besar.

Pada kelas ini kita akan belajar menggunakan framework Vue JS 3 mulai dari awal sampai mahir. Vue JS adalah salah satu framework yang sedang popular saat ini dan dibutuhkan oleh banyak perusahaan. 

Di kelas ini kita akan membuat 3 projek menarik yang dapat menambah pengetahuan dan pengalaman anda dalam pengembangan web dengan Vue js.

Tidak hanya itu, kita akan perdalam seluruh konsep dari framework Vue JS untuk mempersiapkan karir sebagai JavaScript Developer.

Apabila kamu ingin berkarir sebagai website developer maka sebaiknya coba pelajari framework Vue JS 3 untuk belajar membangun website yang modern, sampai bertemu di kelas ya.

read more
Key Points
  • check
    Belajar membuat beberapa komponen UI yang dapat digunakan kembali baik menggunakan Option API ataupun Composition API
  • check
    Belajar membuat Single Page Application (SPA) dari nol
  • check
    Memahami bagaimana menggunakan Vue 3 Composition API dalam pembuatan projek nyata
Created For
  • check
    Pengembang Frontend yang ingin meningkatkan keterampilan mereka dan mempelajari Vue Js 3
  • check
    Mereka yang tertarik untuk membangun aplikasi web dinamis dengan Vue Js
  • check
    Mereka yang ingin mempelajari Vue 3 Composition API dalam membangun proyek nyata
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
241
Happy Students
Ihza Maulana Alfarisi at BuildWithAngga
Ihza Maulana Alfarisi

Full-Stack Developer

sangat bermanfaat buat nambah ilmu kita

10 Mar 2026

ic-star ic-star ic-star ic-star ic-star
Ibnu Yahya Saputra at BuildWithAngga
Ibnu Yahya Saputra

Full-Stack Developer

backendnya saja harus di update untuk endpoint auth, overall tentang vue.js nya good

29 Jan 2026

ic-star ic-star ic-star ic-star ic-star
dimas pradipto at BuildWithAngga
dimas pradipto

Full-Stack Developer

penjelasan mentor sangat jelas dan mudah untuk dipahami

16 Dec 2025

ic-star ic-star ic-star ic-star ic-star
I Komang Ananda Widiastana at BuildWithAngga
I Komang Ananda Widiastana

Full-Stack Developer

cocok untuk pemula

27 Aug 2025

ic-star ic-star ic-star ic-star ic-star
Muhammad Haikal Aziz at BuildWithAngga
Muhammad Haikal Aziz

Full-Stack Developer

Mantap

17 Aug 2024

ic-star ic-star ic-star ic-star ic-star
Alfian Yanuar Kharisma Wira Bhakti at BuildWithAngga
Alfian Yanuar Kharisma Wira Bhakti

Full-Stack Developer

sangat baik

05 May 2024

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 59,000

Rp 400,000

arrow_upward
Marketing Banner

Kode Promo