Build Web App with Framework: Vue.js

Description

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.

Course Objectives:

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 dan navigasinya
Menggunakan Vue Router untuk merutekan atau menavigasikan setiap komponen
Menggunakan metode CRUD (Create Read Update Delete)
Memanfaatkan data json
Menerapkan penanganan form beserta validasinya

Garis Besar Pelatihan

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