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.
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
Testimoni Oleh Siswa
(16 reviews)