Overview

Kursus ini adalah project-base course dimana kita akan belajar konsep-konsep di Vue.js lebih dalam sambil kita mengembangkan 3 aplikasi.Tags InputAdvance DataVueAdvance File UploaderKursus ini berisi 6 modul yaitu:Vue.js RefresherKomponen tingkat lanjutBekerja dengan Form (Membuat reusable form input)Bagaimana melakukan komunikasi dengan server dari aplikasi VueBagaimana membuat Single Page Application (SPA) menggunakan Vue RouterOtentikasi1. Vue.js RefresherKita akan awali dengan membuat aplikasi sederhana tags input sambil mempelajari dasar-dasar vue.js seperti:SFCDirektif BindingPenanganan eventMethodComputedWatcher 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 lanjutKita akan belajar komponen tingkat lanjut seperti:Props statis dan Props dinamis serta validasi propsCustom eventSlot dan scoped slotMultiple v-model bindingProvide dan Inject danKomponen dinamisDi 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:PencarianPaginasi halaman beserta per page control serta menampilkan informasi record, danAuto numberingFitur lainnya adalah:Multiple sorting column, danmultiple check items3. Bagaimana bekerja dengan FormKita akan belajar bagaimana bekerja dengan Form. Di modul ini kita akan belajar bagaimana membuat reusable form elemen seperti:input texttextareaSelectRadioRadio GroupCheckboxCheckbox groupKita juga akan belajar bagaimana menghandle error validasi pada reusable komponen yang kita buat.4. Bagaimana melakukan komunikasi dengan server dari aplikasi VuePada 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 RouterPada 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. OtentikasiPada 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.

Skills

Reviews