Vue JS Intro
4 likes1,317 views
Vue.js is a progressive framework for building interactive web interfaces, offering features like reactive data binding, composable components, and a simple API. It has a lightweight structure and a rapidly growing community, making it easy to learn and use. The document also highlights various Vue.js features, official plugins, and resources for further learning.
Vue JS Intro
- 1. Vue.js Introduction by @eezhal92 June 24th, 2016 @ IBTI Palu
- 2. Sema? Muhammad Rizki Rijal a.k.a @eezhal92 Full-stack Developer, Freelancer Palu-er, linkedin: https://goo.gl/9xAKSr fb: https://goo.gl/KVWAZE
- 3. What is Vue JS?
- 4. “ Vue.js (pronounced /vju /, like view) is a library for building interactive web interfaces “
- 6. - Reactive data binding - Composable view component - Mix and match small library - Progressive framework! (router, resource/ajax stuff, state management and many more) - Simple API (easy to learn) - Lightweight - Rapid grow community - .etc
- 7. A little bit about MVVM and ”reactive”
- 10. INAF!!! JAS SOW ME DA KOD!
- 11. Puhli~s
- 12. Todo List jquery demo vue demo
- 13. Commonly used API Options/Data - data - props - computed - methods - watch Options/Misc - events Options/DOM - el - template Global API - Vue.component - Vue.extend Options/Assets - components Directives - v-if - v-show - v-else - v-for - v-on - v-bind - v-model Instance Methods - vm.$emit - vm.$dispatch - vm.$broadcast
- 14. Lifecycle Hooks - init - created - beforeCompile - compiled - ready - attached - detached - beforeDestroy - destroyed illustration
- 15. Component
- 17. Comment Box demo
- 18. Progressive
- 19. Vue JS Official Plugin - Vue Router (client-side routing) - Vue Resource (ajax) - Vuex (flux/redux-like state management) - many more...
- 20. Demo
- 21. Vue JS 2.0?
- 22. - Server-side rendering - Virtual DOM - Render function & JSX - etc. https://youtu.be/c9esL3I4IGM https://medium.com/the-vue-point/announcing-vue-js-2-0-8af1bde7ab9#.7f985q4to
- 23. Any question?
- 24. - https://laracasts.com/series/learning-vue-step-by-step - http://vue-workshop.surge.sh/ - https://lepture.com/en/2016/vuejs-from-view-to-view - Vue JS Indonesia https://www.facebook.com/groups/1675298779418239 Resources
- 25. Thanks!