Membangun Website Modern dengan Vue.js 2
Dalam course ini kamu akan belajar memahami dan menggunakan framework JavaScript Vue.js
BEGINNER340 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
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
4.7
(340 reviews)
5 Bintang
79%
4 Bintang
15%
3 Bintang
6%
2 Bintang
0%
1 Bintang
1%
Daffa Prasetia Mulya Anugrah
materi nya sangat mudah dimengerti, dan dapat dipahami dengan baik, selain itu, terdapat soal-soal yang relevanAlfian noer firdausi
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmantapNurul Maulidha Effendi
Materinya mantap banget, dijelaskan dengan terstruktur dan mendetail. Good job untuk kakak mentor dan terima kasih codepolitanNurul Maulidha Effendi
Materinya mantap banget, dijelaskan dengan terstruktur dan mendetail. Good job untuk kakak mentor dan terima kasih codepolitanM Arif ramadhan
mentor nya sangat baik dalam menjelaskan setiap materi dan mudah di pahami, saya berharap bisa menuntaskan course ini dengan baik dengan mentor seperti iniMuhammad Hisammy Azzam
materi yang sangat bagus untuk persiapan saya kerja, terima kasih untuk ilmunya. mantapmantapmantapmantapmantapmantap
Gavrila Samana Ahmad
Materi yang diberikan lumayan bagus dan mudah dipahami sebagai dasar vue js namun tutorial ini termasuk deprecated karena itu masih harus banyak troubleshooting menyesuaikan versiMohammad Wahyu Ardiansyah
Materi mudah dipahami dan cocok bagi pemula yang ingin mendalami vue.js
Adrian Ahmad Al Zidan
Penyampaian di beberapa materi terlalu cepat, namun secara keseluruhan mudah untuk dipahami dan dipelajari.
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
Lihat Rekaman