Course

The course starts with an introduction or overview. Students learn about Vue.js, some features like; components, virtual DOM, and data binding.

Students learn how to set up the Vue.js development environment. They also learn how to use Vue.js CLI to create new projects.

In Vue.js components module, they learn how to create, register, and use it in a Vue application. Also, they learned to use Vue's templating system to create dynamic and reactive user interfaces.

The Vue.js directives are the special versions of HTML attributes. We use built-in and custom directives to manipulate the DOM elements based on multiple parameters or conditions.

The instructor teaches uses of Vue.js Router to create single-page applications with multiple routes and views.

Students learn Vuex to manage the state of a Vue application. Also, they use Vuex to create a centralized data store for their application.

This module teaches how to use built-in and custom animations. And they practice to create dynamic and engaging user interfaces.

In Vue.js testing, students learn to write unit tests for Vue components using Jest; they use Jest to test Vue components for their functionality and performance.

• What is Vue.js and why use it?
• Understanding the Vue.js ecosystem
• Setting up a Vue.js development environment

• Vue.js templates and syntax
• Creating and using components
• Component communication and props
• Dynamic components and conditional rendering

• Vue.js directives and common use cases
• Handling events in Vue.js
• Form handling and input binding
• Computed properties and watchers

• Working with computed properties in Vue.js
• Vue.js filters and data formatting
• Method vs computed property performance considerations

• Understanding reactive data in Vue.js
• Using the Vue.js data and methods properties
• Global state management with Vuex
• Managing route state with Vue Router

• Creating animations and transitions in Vue.js
• Understanding Vue.js transition classes
• Animating lists with Vue.js

• Creating and validating forms in Vue.js
• Using third-party form libraries with Vue.js
• Client-side form validation with Vue.js

• What is SSR and why use it?
• Setting up a Vue.js SSR environment
• Server-rendered vs client-rendered Vue.js apps
• Handling route transitions in SSR apps

• Writing unit tests for Vue.js components and methods
• End-to-end testing with Cypress
• Debugging and troubleshooting Vue.js application.