Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

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

Belajar teori, bikin 3 projek keren

icon global
Release date October 2023
icon convert
Last updated November 2024
Member

131 enrolled

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

Learn With Expert

Mentor Muhamad Saprudin

Muhamad Saprudin

Full-Stack Developer

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

(1.9K)

Our Happy Students

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

All Rating
Muhammad Fahrizaldi at BuildWithAngga
Muhammad Fahrizaldi

Lifetime Learner

iya mantaf read more

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

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

Mobile App Developer

ic-star ic-star ic-star ic-star ic-star
fazri suhada at BuildWithAngga
Fazri suhada

Full-Stack Developer

materi kelas cukup lengkap, response pengajar cepat 👍 read more

ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Node JS

Software Gratis

logo

XAMPP

Software Gratis

logo

Vue Devtools

Software Gratis

logo

Vue JS 3

Software Gratis

Low Risk, High Return

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

icon_check

Selamanya

Rp 400,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

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

Belajar teori, bikin 3 projek keren

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

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

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

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

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

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

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

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

  • lock
    Bekerja dengan Variabel Environment
    5 minutes
  • lock
    Setup otentikasi di sisi Client
    5 minutes
  • lock
    Membuat Store Pinia khusus untuk otentikasi
    9 minutes
  • lock
    Membuat fitur untuk login
    7 minutes
  • lock
    Pengalihan otentikasi
    4 minutes
  • lock
    Membuat fitur untuk logout
    5 minutes
  • lock
    Implementasi Dropdown untuk logout
    6 minutes
  • lock
    Menampilkan Pesan kesalahan validasi
    8 minutes
  • lock
    Menambahkan form Registrasi
    7 minutes
  • lock
    Bugfix pada task yang sudah selesai
    1 minutes
  • lock
    Menambahkan fitur Summaries
    14 minutes
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
131
Happy Students
Muhammad Fahrizaldi at BuildWithAngga
Muhammad Fahrizaldi

Lifetime Learner

iya mantaf

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

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

Mobile App Developer

Mantap

ic-star ic-star ic-star ic-star ic-star
fazri suhada at BuildWithAngga
fazri suhada

Full-Stack Developer

materi kelas cukup lengkap, response pengajar cepat 👍

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 400,000

arrow_upward