![Belajar Cepat Vue.js](https://image.web.id/images/Belajar-Cepat-Vue.jsa0b9a92b697c3564.png)
Belajar Cepat Vue.js
Dalam course ini kamu akan belajar memahami dan menggunakan framework JavaScript Vue.js
BEGINNER331 penilaian2144 peserta
Tentang Kelas
Dalam kelas online ini kamu akan belajar secara cepat dan sistematis bagaimana menggunakan framework Vue.js dalam web development.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal langkah-langkah membuat website menggunakan framework Vue.Js
- Dapat mempraktikan dasar-dasar membuat website menggunakan framework Vue.Js
- Dapat merangkumkan cara membuat website menggunakan framework Vue.Js
Silabus
- Topik 1: Pembukaan
- Topik 2: Perkenalan Vue.Js
- Topik 3: Bekerja dengan Template
- Topik 4: Mengatur Style CSS
- Topik 5: Mendalami Vue.Js
- Topik 6: Mendalami Component pada Vue.js
- Topik 7: Membangun Project dengan Vue CLI
- Topik 8: Implementasi Project dengan Vue CLI
- Topik 9: Implementasi VueRouter
Jenis Pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
Metode Ajar
- Online Self-paced Learning
- Siswa dapat menentukan sendiri waktu belajarnya
Fasilitas Pengajaran
- Materi disediakan berupa video
- Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
- Grup telegram: Berisi member CodePolitan Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa: Sistem operasi : Windows, Linux, atau MacOS. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas). RAM : 1GB (Rekomendasi 2GB). Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software: Browser (tidak ada preferensi khusus)
Daftar Materi
Perkenalan Materi | 02:06 |
Cara Install VueJS | 08:44 | |
Mengenal Reactive Data pada VueJS | 05:40 | |
Cara Binding Data ke dalam Attribute HTML | 04:20 | |
Membuat Perulangan di dalam VueJS | 05:09 | |
Fungsi Kondisi di dalam VueJS | 05:42 | |
Menangani Input Data dari User | 07:14 | |
Mengenal Lifecyle Hooks VueJS | 07:52 | |
Mengenal Event dan Method di dalam VueJS | 08:21 | |
Kuis - Belajar Cepat Vue.js - Topik 1 | 00.00 |
Interpolation Template | 06:04 | |
Berbagai Cara Penggunaan Data Binding | 06:06 | |
Mengenal Computed Property | 04:23 | |
Perbedaan Methods dan Computed Property | 07:47 | |
Kuis - Belajar Cepat Vue.js - Topik 2 | 00.00 |
Binding Attribute dengan Array dan Object | 06:54 | |
Styling Secara Terprogram dengan Vue | 07:48 | |
Membuat Toggle UI dengan Computed Property | 05:16 | |
Membuat Efek Transisi dengan Vuejs | 05:57 | |
Menggunakan Animation Library | 04:35 | |
Memahami Transition Group pada Vuejs | 05:43 | |
Mengatur Style dengan JavaScript | 08:56 | |
Kuis - Belajar Cepat Vue.js - Topik 3 | 00.00 |
Mengenal Properti Filters | 05:19 | |
Memuat Data pada Toggle Element | 07:11 | |
Pengkategorian Data Array | 09:05 | |
Membuat Fungsi Total dengan Computed | 06:35 | |
Delete Item dalam Array | 08:46 | |
Kuis - Belajar Cepat Vue.js - Topik 4 | 00.00 |
Membuat Component Sederhana di Vue | 06:45 | |
Menggunakan Props pada Vuejs | 05:22 | |
Menambahkan Default Value pada Props | 04:34 | |
Membuat Component Lebih Kompleks | 09:31 | |
Menggunakan Event Method dari Parent Component | 06:38 | |
Kuis - Belajar Cepat Vue.js - Topik 5 | 00.00 |
Installasi Project dengan Vue CLI | 10:31 | |
Memahami Struktur Folder Vue CLI | 12:41 | |
Cara Install Modul di Vuejs | 09:15 | |
Implementasi Modul di Vuejs | 06:51 | |
Kuis - Belajar Cepat Vue.js - Topik 6 | 00.00 |
Membuat Component Price | 05:47 | |
Membuat Component ProductList | 13:03 | |
Membuat Method Add Item | 06:26 | |
Membuat Price Slider Component | 10:09 | |
Membuat Navbar Component | 10:30 | |
Membuat Fungsi Delete Item | 04:11 | |
Kuis - Belajar Cepat Vue.js - Topik 7 | 00.00 |
Mengubah Struktur Project | 10:02 | |
Membuat Checkout Component | 09:21 | |
Menggunakan VueRouter untuk Components | 06:35 | |
Membuat Link Antar Component | 04:33 | |
Kuis - Belajar Cepat Vue.js - Topik 8 | 00.00 |
Penyusun Materi
![Prev](https://image.web.id/images/icon-prev.png)
![Next](https://image.web.id/images/icon-next.png)
Testimoni Oleh Siswa
4.7
(331 reviews)
5 Bintang
78%
4 Bintang
15%
3 Bintang
6%
2 Bintang
0%
1 Bintang
1%
![M. Sultan Abdurrahman Al Zudas](https://image.web.id/images/foto-formal273af9d3aef214ba.md.jpg)
M. Sultan Abdurrahman Al Zudas
untuk studi kasus nya cukup lengkap akan tetapi penjelasan nya kurang detail sehingga siswa kesulitan dalam memahami kode pada vue js dan lebih fokus pada konsep studi kasus nya saja![Zulfa Nurul Ikhsan](https://image.web.id/images/Avatar.jpg)
Zulfa Nurul Ikhsan
materinya bagus mudah dimengerti cocok untuk pemula yang baru belajar web development........................![I KETUT AGUS ANGGA ARTAMA](https://image.web.id/images/Avatar.jpg)
I KETUT AGUS ANGGA ARTAMA
Materi yang di sampaikan oleh mentor cukup jelas dan mudah dipahami, materinya cukup kompleks namun sepertinya sedikit kurang up to date, Mentor menyampaikan materi dengan profesional, sangat Baik![Faruq Putra Ahmadi](https://image.web.id/images/Avatar.jpg)
Faruq Putra Ahmadi
Memahami materi yang disajikan dengan jelas dan detail adalah kunci untuk mendapatkan pemahaman yang kuat dalam suatu subjek. Namun, ketika materi tersebut kurang terupdate, ada kemungkinan informasi yang disampaikan tidak lagi relevan atau tidak mencakup perkembangan terbaru dalam subjek tersebut. Ini dapat mengakibatkan pemahaman yang tidak lengkap atau bahkan salah jika digunakan sebagai sumber referensi atau pedoman. Untuk memastikan pemahaman yang tepat dan komprehensif, penting untuk mencari sumber informasi yang terbaru dan terkini. Ini bisa melibatkan menggunakan sumber daya online, buku terbaru, jurnal ilmiah, atau mengikuti kursus dan pelatihan yang diperbarui secara teratur. Dengan menggabungkan informasi yang detail dan terkini, kita dapat memperoleh pemahaman yang lebih lengkap dan akurat dalam subjek yang diminati.![Joshua Palti Sinaga](https://image.web.id/images/Avatar.jpg)
Joshua Palti Sinaga
Materi yang disampaikan sudah cukup lengkap dan terstruktur. Namun saya berharap ada sedikit perkenalan menuju Nuxt juga, terimakasih!![Sulthan Izza Falqahi](https://image.web.id/images/Avatar.jpg)
Sulthan Izza Falqahi
Materi yang disampaikan mudah dimengerti, tetapi disayangkan bahwa Vue.js versi 2 lebih baik jika materinya diperbarui untuk versi 3. Begitu juga dengan materi lainnya, seringkali materi versi lama perlu diperbarui agar terus relevan dan mengikuti perkembangan yang terbaru.![Muhammad Sultansyah](https://image.web.id/images/Avatar.jpg)
Muhammad Sultansyah
Materi yang disampaikan oleh mentor sangat mudah dimengerti dan dicoba sendiri, membuat proses belajar menjadi lebih menarik dan interaktif.![Aldi Alfiansyah](https://image.web.id/images/avatar2.jpg)
Aldi Alfiansyah
sangat detail dan terstruktur, penjelasan mudah dimengerti, mentor menjelaskan dengan baik, pembahasannya casenya bagusSahal Fajri
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula, akan tetapi versi yang dibawakan versi lama, alangkah baiknya versinya diupdate yang terbaru sehingga tidak tertinggal.![Gema Dodi Pranata](https://cdn-cdpl.sgp1.digitaloceanspaces.com/avatar/JldlP-5_B.png)
Gema Dodi Pranata
good walau mungkin jika menggunakan versi vue.js terbaru harus menyusaikan syntax nya , overall good![...](https://image.web.id/images/Belajar-Cepat-Vue.jsa0b9a92b697c3564.png)
Lihat Rekaman