Build Web App with Framework: Vue.js
Pelatihan Pemrograman menggunakan Framework Vue.js ini dirancang untuk pengembang aplikasi berbasis website yang fokus pada sisi front-end agar lebih cepat dan efisien selama proses pengembangan aplikasi. Vue.js tidak membutuhkan pengetahuan tentang webpack, Babel, npm ataupun yang lainnya karena library ini memang terfokus pada pengembangan lingkup front-end saja, sehingga pengembang baru tidak merasa tersesat dalam penggunaan Vue.js ini.
Durasi Pelatihan: 4 Hari
Setelah menyelesaikan pelatihan ini, peserta akan dapat
• Mendapatkan informasi apa saja kebutuhan dasar pengembangan aplikasiberbasis website dengan framework Vue
• Melakukan instalasi Vue CLI (Command Line Interface)
• Menggunakan perintah untuk menjalankan Vue CLI
• Menyimpan proyek Vue di repositori GitHub
• Melakukan integrasi berbagai alat untuk pengembangan Vue di browser dan dieditor
• Menggunakan berbagai komponen Vue
• Membuat komponen dalam satu file (Single Page Application)
• Mendemonstrasikan template sendiri dari komponen Vue
• Mendemonstrasikan style komponen menggunakan CSS
• Mendapatkan informasi perbedaan Directives, Interpolations, Events, Methodsdan Watchers
• Menggunakan Computed Properties untuk menyimpan perhitungan daninformasi
• Menentukan kapan menggunakan Computed Properties, Methods atau Watchers
• Mendapatkan informasi penggunan Props, Slots dan Filters
• Mendapatkan informasi penggunaan komunikasi antar komponen
• Mendemonstrasikan penggunaan library Vuex untuk menangani komponen dannavigasinya
• Menggunakan Vue Router untuk merutekan atau menavigasikan setiapkomponen
• Menggunakan metode CRUD (Create Read Update Delete)
• Memanfaatkan data json
• Menerapkan penanganan form beserta validasinya
Pengenalan Vue
• Menginterpretasikan Vue sebagai kerangka kerja dalam pengembangan aplikasi berbasis website
Ruang Lingkup Vue
• Mengunduh kebutuhan sistem meliputi Node.js, teks editor dan alat-alat untuk menunjang pengembangan aplikasi Vue
• Mengkonfigurasi teks editor untuk pengembangan Vue
Komponen Vue
• Membuat komponen baru dari Vue
• Membuat komponen Vue yang bisa digunakan berulang kali (reusable)
• Menentukan komponen Vue untuk mengembangkan aplikasi
• Membuat dan mengintegrasikan template HTML kedalam Vue
• Menambahkan style komponen Vue kedalam aplikasi
Blok Diagram Komponen
• Membuat komponen dengan dengan model interpolation dan directives
• Menggunakan ekspresi, kondisi, perulangan, events, methods, modifiers dan mengkustomisasinya
• Menggunakan watchers untuk menyimpan dan menampilkan data komponen
• Menggunakan computed properties untuk menyimpan dan menampilkan data komponen
• Mendemonstrasikan penggunaan props, slots dan filters dalam komponen
Komunikasi, Managemen State dan Perutean Komponen
• Menggunakan props untuk komunikasi antar komponen secara 1 arah (dari parent ke child)
• Menggunakan events untuk komunikasi antar komponen secara 1 arah (dari child ke parent)
• Menggunakan event bus untuk komunikasi antar setiap komponen secara 2 arah (child - parent)
• Menggunakan library Vuex untuk menangani komunikasi antar komponen
• Menggunakan Vue Router untuk menangani komunikasi antar komponen
Penanganan Database
• Membaca, menulis, mengubah dan menghapus data dengan json
• Menerapkan penanganan form dan valiasi menggunakan vuelidate