Belajar VueJs

Kebutuhan website yang lebih interaktif dan terorganisir pada bagian frontend cukup sulit tanpa bantuan framework. Kamu bisa mulai dengan Vue.JS

belajar cover

Kenapa belajar VueJs?

Semakin besar aplikasi kamu, kebutuhan di bagian frontendnya juga akan semakin meningkat. Tidak mudah untuk mengorganisir kodenya, apalagi banyak bagian kode yang akan dipakai berulang-ulang. Untuk memulainya kamu bisa belajar Vue.JS , framework ini menyebut dirinya "progressive framework" yang artinya kamu bisa mengimplementasikannya secara perlahan dan bertahap di website yang sudah jadi, tanpa perlu mengubah semuanya. Tentu saja kamu bisa memulai membuat aplikasi kamu berikutnya dengan Vue.JS sejak awal, membuatnya jadi lebih rapi. Meskipun masih terhitung baru, dengan dokumentasi yang jelas dan dukungan komunitas yang kuat, Vue.JS yang awalnya dimulai dari Evan You sendiri, sekarang sudah jauh berkembang. Kamu akan mengenal konsep two-way data binding, component dan masih banyak lagi nantinya. Ekosistem Vue.js juga tidak kalah menari, kamu sudah bisa membuat aplikasi SPA (Single Page Application) dengan data yang terorganisir melalui bantuan Vuex atau membuat SSR(server side render) dengan Nuxt.js

Daftar Pelajaran Track Belajar Vue JS

Berkenalan dengan vue js, melalui kelas-kelas ini kita akan melihat dasar vuejs, membuat contoh sederhana sampai membuat API dan menggunakan AJAX melalui bantuan vuejs resource


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


Komentar dan Vote Vuejs

Latihan vuejs, setelah belajar dasar-dasar dari Vue, kita akan belajar membuat sistem komentar dan vote pada sisi client


Vue JS todolist dan API

Belajar membuat todolist pada vuejs dan juga menyimpan data dengan dua cara. Yang pertama pada localstorage yang kedua pada database dengan membuat API sederhana pada PHP dan mengakses dengan AJAX


Membuat sistem tag dengan Vuejs

Bagaimana cara membuat sistem tag pada sisi frontend dengan vuejs? memberikan saran berdasarkan apa yang user ketik, kita akan belajar banyak event, bisa memilih dan juga menghapus item dengan mouse ataupun keyboard


Membuat single page app dengan vuex

Belajar konsep vuex, konsep flux yang cukup populer dengan membuat single page application. Dengan konsep ini, data-data yang ada pada apliasi Vue menjadi lebih terorganisir


NuxtJS membuat aplikasi vuejs universal

Mau pake aplikasi vuejs bukan hanya di frontend, tapi juga di sisi servernya. Lihat caranya disini membuat aplikasi Vuejs yang ramah dengan SEO


CRUD API di Nuxtjs

menggunakan nuxtjs untuk berinteraksi dengan API, kita akan melihat bagaimana sistem crud (create, read, update, delete) dengan API local yang kita buat melalui nuxt.js



Daftar Materi 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


perkenalan vuejs 101

Perkenalan kelas belajar vuejs, library javascript yang tidak kalah populer http://vuejs.org/


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 https://vuejs.org/v2/guide/filters.html 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