Belajar vuejs 101

Salah satu library javascript yang populer, yaitu vuejs, kita akan belajar dasar-dasar dari vuejs, syntax dan bagaimana cara menggunakannya. Tutorial Vue js bahasa indonesia

Update kelas terakhir : 7 tahun yang lalu

cover belajar-vuejs-101.jpg

perkenalan vuejs 101

Perkenalan kelas belajar vuejs, library javascript yang tidak kalah populer Link: Vue.JS

Vue instance dan property

Mulai belajar Vue js dengan membuat instance Vue dan mendeklarasikan propery-propertynya

Data binding vue

Mengenal konsep data binding, untuk menggabungkan property yang ada pada DOM agar mudah memanipulasinya secara langsung

Computed properties

Membuat satu propery selalu tergantung dengan property lainnya dengan computed properties dari vue

Conditional directives

Mengenal apa itu directive pada vuejs dan juga melihat contoh penggunaan conditional directive pada template html

Loop list directive

Mengenal apa itu loop/list directive pada vuejs dan juga melihat contoh penggunaan list directive pada vue js

Loop list methode

Metode metode pada javascript bisa kita gunakan seperti biasa pada list directive vue js

Menggunakan filter

Di vue.js 2 fungsi filter sudah berbeda dari video ini Cek filter di Vue v2 Belajar menggunakan filter pada vue js, baik pada single property atau property yang kita loop dengan orderBy atau filterBy

Methods vuejs

Belajar menggunakan methods pada vue js, dan juga menggabungkannya dengan event melalui v-on directive

V bind directive

Belajar lebih banyak tentang penggunaan v-on dan juga v-bind sebagai property pada vuejs

Input binding

Membuat input dari user bersatu dengan konsep data-binding. Sehingga apapun yang dimasukkan oleh user, kita langsung bisa melihat hasilnya

Componenets vuejs

Salah satu feature dari vue js yaitu component, membuat sistem template untuk bagian-bagian html yang ingin kita tampilkan berkali-kali

Componenets vuejs part 2

Salah satu feature dari vue js yaitu component bagian 2, membuat sistem template untuk bagian-bagian html yang ingin kita tampilkan berkali-kali

Dynamic component

Masih tentang component, kali ini kita akan berkenalan dengan konsep dynamic component pada Vuejs, yang bisa kita manfaatkan sebagai sistem routing sederhana untuk membuat SPA (Single Page Application)

Transition VueJS

Melakukan transisi (transition) css dengan mudah melalui attribut di vuejs

Halaman ini adalah halaman video tutorial programming "Belajar vuejs 101".

<< Daftar kelas koding lainnya