Kursus ini adalah project-base course dimana kita akan belajar konsep-konsep di Vue.js lebih dalam sambil kita mengembangkan 3 aplikasi.

1. Tags Input

2. Advance DataVue

3. Advance File Uploader

Kursus ini berisi 6 modul yaitu:

1. Vue.js Refresher

2. Komponen tingkat lanjut

3. Bekerja dengan Form (Membuat reusable form input)

4. Bagaimana melakukan komunikasi dengan server dari aplikasi Vue

5. Bagaimana membuat Single Page Application (SPA) menggunakan Vue Router

6. Otentikasi

1. Vue.js Refresher

Kita akan awali dengan membuat aplikasi sederhana tags input sambil mempelajari dasar-dasar vue.js seperti:

• SFC

• Direktif

• Binding

• Penanganan event

• Method

• Computed

• Watcher

Modul ini semacam refresher buat kalian yang sudah mempunyai pengetahuan dasar tentang vue.js. Buat yang baru mengenal vue.js modul ini sangat cocok untuk kalian ikuti untuk mempelajari dasar-dasar vue.js.

2. Komponen tingkat lanjut

Kita akan belajar komponen tingkat lanjut seperti:

• Props statis dan Props dinamis serta validasi props

• Custom event

• Slot dan scoped slot

• Multiple v-model binding

• Provide dan Inject dan

• Komponen dinamis

Di modul ini kita juga akan belajar bagaimana mengembankan reusable komponen bernama Datavue yang terinspirasi dari plugin jQuery data table. Komponen ini selain bisa menampilkan data dalam bentuk tabel, juga memiliki fitur dasar berupa:

• Pencarian

• Paginasi halaman beserta per page control serta menampilkan informasi record, dan

• Auto numbering

Fitur lainnya adalah:

• Multiple sorting column, dan

• multiple check items

3. Bagaimana bekerja dengan Form

Kita akan belajar bagaimana bekerja dengan Form. Di modul ini kita akan belajar bagaimana membuat reusable form elemen seperti:

• input text

• textarea

• Select

• Radio

• Radio Group

• Checkbox

• Checkbox group

Kita juga akan belajar bagaimana menghandle error validasi pada reusable komponen yang kita buat.

4. Bagaimana melakukan komunikasi dengan server dari aplikasi Vue

Pada modul ini kita akan belajar bagaimana melakukan komunikasi dari aplikasi Vue.js ke server (backend api), baik menggunakan native fetch API ataupun menggunakan library axios.

Kita akan belajar bagaimana menggunakan async/await, dan kita juga akan belajar bagaimana mengorganisasikan API call agar mudah dalam pengembangan aplikasi ke depan.

5. Bagaimana membuat Single Page Application (SPA) menggunakan Vue Router

Pada modul ini kita akan belajar bagaimana memanfaatkan Vue Router untuk membuat single page aplication (SPA). Kita akan belajar mulai dari instalasi dan konfigurasi, organisasi routing, nested routes, navigation guard dan seterusnya.

6. Otentikasi

Pada modul ini kita akan belajar bagaimana mengimplementasikan otentikasi pada aplikasi Vue, agar aplikasi kita hanya bisa diakses oleh user yang berhak saja.

Apa yang kalian dapatkan dari kursus ini?

Setelah mengikuti kursus ini kalian akan mahir Vue.js dalam membangun user interface web modern yang interaktif dan dinamis sesuai dengan kubutuhan.

Apa saja yang diperlukan sebelum mengikuti kursus ini?

Sebelum mengikuti kursus ini kalian harus memiliki pemahaman dasar tentang javascript dan Vue.js itu sendiri. Jika kalian sama sekali belum pernah belajar Vue.js saya sarankan untuk tidak melewatkan modul 2 (Vuejs 3 refresher). karena di modul ini kalian akan belajar secara singkat tentang konsep-konsep dasar dari vue.js.

Atau kalian juga bisa ambil kursus vue 3 untuk pemula untuk mendapatkan pemahaman dasar yang lebih lengkap.