Kursus Vue.js 3 Tingkat Lanjut
Panduan praktis Vue.js 3 untuk membuat user interface dan aplikasi web modern interaktif dan dinamis
Description
Kursus ini adalah project-base course dimana kita akan belajar konsep-konsep di Vue.js lebih dalam sambil kita mengembangkan 3 aplikasi.
Tags Input
Advance DataVue
Advance File Uploader
Kursus ini berisi 6 modul yaitu:
Vue.js Refresher
Komponen tingkat lanjut
Bekerja dengan Form (Membuat reusable form input)
Bagaimana melakukan komunikasi dengan server dari aplikasi Vue
Bagaimana membuat Single Page Application (SPA) menggunakan Vue Router
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.
What You Will Learn!
- Menguasai konsep-konsep dalam Vue js lebih dalam
- Mampu mengimplementasikan Vue js dalam pembuatan user interface
- Mampu mengimplementasikan Vue js dalam pembuatan Aplikasi web interaktif dinamis
- Mempelajari cara yang benar dalam membuat reusable components
Who Should Attend!
- Frontend developer pemula yang ingin belajar Vue 3
- Siapa saja yang pernah belajar Vue js 2, dan ingin mempelajari Vue 3 lebih dalam
- Siapa saja yang ingin bisa membuat aplikasi web, user interface modern interaktif dan dinamis dengan mudah