Projects
- Getting started
- The current state of Vue
- Hello world Vue app
- Template syntax directives
- Writing HTML with Vue to make your app dynamic
-
Conditional and list
-
Understanding the Vue instance
- Understanding lifecycle hooks
- Development workflow
- vue-cli
- Components
- Refactoring with components
- Best practices with components
- Components communication
- Parent to child
- Child to parent
- Event bus
- Better alternative for larger app
- Advanced components usage
- Slots
- Dynamic components to without if-else
-
Forms
-
Directives
- Why do we need to learn directives
- Building your own directives
- Example of 'directives' to improve your Vue app.
- Mixin and filters
- The difference between filters and components
- How will mixin help in refactoring
- How we use filters in our projects
- Animations
- Animating with CSS animations and transitions
- Animating with Javascript
- Animating a group of tags and dynamic components
- Routing
- Using vue-router
- Route guard
- Lazy loading
- Vuex
- Why you should use Vuex early in your app development
- My preferred folder structure
- Misc
- Deploying a Vue app
- Vue devtools
- SSR with Nuxt.js
- Vue3
- Axios
- Using firebase as a simple server
- Authentication
- JWT
- Route guard
- 3rd party authentication