-
Vue as a replacement to Jquery and JS for DOM manipulation
- Will teach this only using vue.js CDN link.
- Just to let them know how flexible is vue before jumping into component architecture.
-
The Vue Instance Lifecycle model and lifecycle hooks like created,mounted and hown and when to use them.
-
Data binding[2 way binding,v-bind,v-model], computed properties, watchers.
-
Interpolation, v-on [event handling], Class and style bindings
-
Creating a todo list with minimum lines of code and above knowledge only.
-
Deep dive[if time allows] into VUE cli and webpack or just a quick overview of it.
-
Component architecture, Vue mixins, props, event handling.
-
Slots, scoped slots.
-
Types of ways to interact between component [ props and events, Event Bus ].
-
Letting them realise if the app grows big the above features would be too complex to handle.
- Hence introduction to state management[Vuex].
-
A Small code-along tutorial to recreate the above todo[or soemthing more complex] with the new things we learned.