Membangun Website Reaktif dengan Vue.js 3
Dalam kelas "Belajar Vue 3," kamu akan mempelajari dasar-dasar framework JavaScript Vue.js versi terbaru. Kelas ini dirancang untuk membantu kamu menguasai Vue 3, mulai dari konsep dasar hingga penerapannya dalam pengembangan aplikasi web modern.
BEGINNER12 penilaian1 peserta
Tentang Kelas
Kelas online "Belajar Vue 3" adalah kursus intensif yang dirancang untuk memberikan pemahaman mendalam tentang Vue.js, framework JavaScript yang sangat populer untuk membangun antarmuka pengguna. Dalam kelas ini, kamu akan belajar cara menggunakan Vue 3 untuk membuat aplikasi web yang dinamis, interaktif, dan mudah dikelola.
Tujuan Umum dan Khusus Pelatihan
- Memahami konsep dasar Vue.js dan fitur-fitur terbaru di Vue 3.
- Menguasai teknik pengembangan aplikasi web menggunakan Vue 3.
- Mampu membuat dan mengelola komponen Vue dengan baik.
Silabus
- Pengenalan Vue.js: Memahami dasar-dasar dan keunggulan menggunakan Vue.js.
- Fitur Baru di Vue 3: Eksplorasi fitur-fitur terbaru yang ditawarkan oleh Vue 3.
- Router : Menggunakan Vue Router untuk navigasi.
Metode Ajar
- Pembelajaran Mandiri Online: Kamu dapat menentukan sendiri waktu belajarmu.
- Materi Berupa Video: Materi pembelajaran disajikan dalam bentuk video yang mudah dipahami.
- Forum Tanya Jawab: Fasilitas untuk berdiskusi dan bertanya mengenai materi pelajaran.
Peralatan Belajar Peserta
- Komputer dengan Akses Internet: Pastikan kamu memiliki komputer dan koneksi internet yang stabil.
- Software: Browser terkini untuk mengakses materi pembelajaran dan software editor teks untuk mengembangkan aplikasi web.
Kelas ini cocok untuk siapa saja yang tertarik dalam pengembangan aplikasi web dan ingin mempelajari Vue 3. Dengan mengikuti kelas ini, kamu akan memperoleh keterampilan yang diperlukan untuk membangun aplikasi web yang modern dan interaktif menggunakan Vue.js.
Daftar Materi
| Mengenal Vue.Js | 04:55 | |
| Software Dan Tools Yang Diperlukan | 05:35 | |
| Membuat Template Counter | 05:21 | |
| Mempercantik Halaman Counter | 05:30 | |
| Buat Project Counter Ini Agar Berfungsi | 06:30 | |
| Cara Install Vue Dan Pelajari Konfigurasinya | 05:30 | |
| Jelajahi Struktur Project Vue 3 Dan Cara Kerjanya | 07:34 | |
| Membangun Kembali Project Counter Dengan Vue | 08:09 | |
| Perbandingan Menggunakan Vanilla Javascript Dan Vue | 06:11 | |
| Mengenal Options Api Dan Composition Api | 06:23 | |
| Membuat Counter App Versi Options Api | 04:53 | |
| Membuat Counter App Versi Composition Api | 05:47 | |
| Persiapan Project Membahas Vue Directive | 02:45 | |
| Membuat Ui Memo Bagian Header | 06:15 | |
| Membuat Ui Bagian Memo | 04:45 | |
| Membuat Ui Bagian Form Modal | 06:35 | |
| Menampilkan Dan Menyembunyikan Form Dengan Directive If | 05:29 | |
| Menangkap Data Yang Diinputkan Secara Realtime Dengan Directive Model | 03:28 | |
| Membuat Event Handler Untuk Menyimpan Data | 05:57 | |
| Menampikan Daftar Data Menggunakan Perulangan Directive For | 05:58 | |
| Penting Menggunakan Attribute Key Untuk Perulangan | 03:35 | |
| Membuat Contoh Form Validasi Dan Error Handlernya | 04:37 | |
| Membuat Event Handler Untuk Hapus Data By Id | 04:31 | |
| Persiapan Project Untuk Pelajari Component Dan Props | 05:50 | |
| Membuat Ui Daftar Quiz | 05:47 | |
| Menampilkan Daftar Data Dari File Json | 05:41 | |
| Menjalankan Logic Berdasarkan Perubahan State Atau Data Dengan Watch | 04:46 | |
| Memisahkan Element Ke Component Sendiri | 05:37 | |
| Mengirimkan Data Antara Component Dengan Props | 05:35 | |
| Persiapan Pelajari Multiple Page Di Project Vue | 05:19 | |
| Menentukan Path Url Untuk View Dengan Vue Router | 06:25 | |
| Menggunakan Routerlink Untuk Berpindah Halaman | 06:05 | |
| Memberikan Styling Pada Routerlink Active Yang Dipilih | 02:54 | |
| Membuka Halaman Dengan Url Path Dinamis | 07:12 | |
| Ekstrak Dan Mendapatkan Data Dari Route | 05:30 | |
| Membuat Nested Component Dengan Router | 05:11 | |
| Mengubah Route Melalui Kode Program | 06:03 | |
| Mengatasi Halaman Tidak Ditemukan | 05:54 | |
| Cara Melakukan Redirect Halaman | 02:32 | |
| Implementasi Vue Router Di Project Quiz | 05:49 | |
| Mengarahkan Ke Halaman Daftar Pertanyaan | 03:56 | |
| Mendesain Halaman Quiz | 09:19 | |
| Kenapa Harus Memisahkan Component Pada Halaman Quiz | 05:06 | |
| Menampilkan Daftar Pertanyaan Dan Pilihan Ganda | 06:47 | |
| Membuat Dinamis Nomor Halaman Pertanyaan | 06:50 | |
| Mendapatkan Nilai Dari Perubahan State Dengan Computed | 04:05 | |
| Membuat Bar Progress Menjadi Dinamis | 04:14 | |
| Cara Mengirimkan Data Dari Child Component Ke Parent Component | 06:45 | |
| Menampilkan Nilai Akhir Dari Quiz | 06:40 |
Penyusun Materi
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
5.0
(12 reviews)
5 Bintang
100%
4 Bintang
0%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
Dirwan Permana
Materi nya bagus dan mudah difahami. semoga ke depannya semakin update lagi pembelajarannya dan sukess selaluDirwan Permana
Materi nya bagus dan mudah difahami. semoga ke depannya semakin update lagi pembelajarannya dan sukess selaluDirwan Permana
Materi nya bagus dan mudah difahami. semoga ke depannya semakin update lagi pembelajarannya dan sukess selaluImam Baihaqi
Kursus VueJS 3 ini sangat membantu saya memahami konsep-konsep dasar hingga lanjutan. Materinya jelas, tutornya sabar dalam menjelaskan, dan banyak latihan praktek yang membuat saya semakin mahir. Saya sangat merekomendasikan kursus ini untuk pemula maupun yang ingin memperdalam VueJS.Muchammad Saifurrijaal
Materi yang disampaikan sangat mudah dipahami dan disajikan dengan cara yang menarik, membuatnya sangat direkomendasikan untuk dipelajari oleh siapa saja yang ingin memperdalam pengetahuan.
Raja Farras Daffa
materi mudah dipahami dan mentor sangat detail menjelaskannya step by step.
Ari Budiman
materi yang di sampaikan sangat jelas, juga dengan prakter membuat playground quiz yang sangat bermanfaat untuk pembuatan aplikasiDion Arifin
sangat mudah untuk dipahami, dan juga format video yang berbentuk pendek menjadikan saya gampang untuk mempelajarinyaZulfa Nurul Ikhsan
materinya bagus mudah dimengerti cocok untuk pemula yang baru belajar web development........................
FARUQ ALAWY HUDAYA
Materi yang menarik dan disampaikan oleh mentor dengan sangat amat baik. Buat saya yang sudah belajar React, sintaks Vue rasanya lebih manusiawi wkwk
Lihat Rekaman