Download as PDF, PPTX
Uploaded byMuhammad Rizki Rijal
Vue JS Intro
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.
In this document
Powered by AI
Presentation introduction by Muhammad Rizki Rijal, a Full-stack Developer, in June 2016, detailing his identity and links to social media.
Introduction to Vue.js, a library for building interactive web interfaces, emphasizing ease of use.
Key benefits of using Vue.js includes reactive data binding, component architecture, a lightweight framework, and a growing community.
Introduction to MVVM architecture and the concept of reactivity in applications using Vue.js.
Engagements with demonstrations of Todo List functionality using jQuery and Vue.js, showcasing interactive features.
Commonly used Vue.js APIs like options, directives, instance methods, and data management features.
Description of the component lifecycle hooks in Vue.js, detailing the stages of a Vue component's life.
Introduction to components in Vue, showcased through a 'Comment Box' demo highlighting reactivity.
Details on Vue.js being a progressive framework adaptable for various projects.
Introduction to official plugins of Vue.js including Vue Router, Vue Resource, and Vuex for state management.
Overview of new features in Vue.js 2.0 like server-side rendering, virtual DOM, render functions, and links for further reading.
Open floor for questions regarding the presentation and Vue.js.
Links to various resources, workshops, and communities to learn more about Vue.js.
Thank you note and closing of the presentation.
More Related Content
![第一次用 Vue.js 就愛上 [改]](https://cdn.slidesharecdn.com/ss_thumbnails/vuejs-160518081021-thumbnail.jpg?width=640&height=640&fit=bounds)
![[DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology](https://cdn.slidesharecdn.com/ss_thumbnails/cuongnguyenviet-devdayslide-190408081904-thumbnail.jpg?width=640&height=640&fit=bounds)
![Vibe Coding vs. Spec-Driven Development [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/vibecodingvsspecdrivendevelopment-251209105622-43f455e7-thumbnail.jpg?width=640&height=640&fit=bounds)
Vue JS Intro
- 1. Vue.js Introduction by @eezhal92 June24th, 2016 @ IBTI Palu
- 2. Sema? Muhammad Rizki Rijala.k.a @eezhal92 Full-stack Developer, Freelancer Palu-er, linkedin: https://goo.gl/9xAKSr fb: https://goo.gl/KVWAZE
- 3. What is VueJS?
- 4. “ Vue.js (pronounced/vju /, like view) is a library for building interactive web interfaces “
- 5.
- 6. - Reactive databinding - 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 bitabout MVVM and ”reactive”
- 10. INAF!!! JAS SOW MEDA KOD!
- 11.
- 12.
- 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.
- 17.
- 18.
- 19. Vue JS OfficialPlugin - Vue Router (client-side routing) - Vue Resource (ajax) - Vuex (flux/redux-like state management) - many more...
- 20.
- 21.
- 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.
- 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.