Membangun Website Modern dengan Vue.js 2
Dalam course ini kamu akan belajar memahami dan menggunakan framework JavaScript Vue.js
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
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
(350 reviews)
Gyon Lawu
Minggu, 6 Juli 2025 pukul 07.33
Alhamdulillah, akhirnya bisa menyelesaikan project vue js ini, terima kasih untuk kak mentor Mas Hakim Sembiring, Anda luar biasanya, penjelasan materinya mudah di mengerti dan di praktekkan, Terima kasih untuk share Ilmunya
Mahfuzh Arsya
Sabtu, 24 Mei 2025 pukul 07.03
Materi yang disampaikan begitu mudah ditangkap dan menambah wawasan, karena materi di sajikan secara terstruktur.
Divo Dwinov Gyantoro
Selasa, 11 Maret 2025 pukul 21.46
MAteri nya dan penyampaiannya sangat sangat mudah dimenegrti, penjelasan sangat detail dan lengkap
Donni Husnan
Kamis, 20 Februari 2025 pukul 00.34
Materi sangat baik dan jelas disampaikan oleh pemateri, Project yang dibuat juga menyenangkan lengkap dengan fitur fitur yang penting. Namun sayang untuk teknologi yang dipakai tidak update seperti penggunaan Bootstrap versi 4
Roni Saputra
Jumat, 7 Februari 2025 pukul 05.05
Materinya sangat bermanfaat dad penyampaian dari pemateri juga mudah untuk kita pahami dan masih banyak lagi
Roni Saputra
Jumat, 7 Februari 2025 pukul 05.05
Materinya sangat bermanfaat dad penyampaian dari pemateri juga mudah untuk kita pahami dan masih banyak lagi
Rakasiwi Surya
Senin, 27 Januari 2025 pukul 02.54
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula
Rakasiwi Surya
Senin, 27 Januari 2025 pukul 02.54
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula
Trisakti Akbar
Jumat, 24 Januari 2025 pukul 22.30
Keren... Materinya lengkap dan mudah dipahami...... Mentornya juga menjelaskan dengan mudah dipahami...
Michael Ariestian
Selasa, 24 Desember 2024 pukul 03.38
Sangat bagu, saya jadi paham tentang vue.js tapi sayang versinya udah outdated jadi ga sesuai degan versi yang tebaru sehingga harus beradaptasi lagi sama vue versi terbaru