Course

The course begins with an introduction to Vue.js, its history, and its features. Students learn about Vue.js's philosophy and principles, including its focus on simplicity, ease of use, and reactivity.

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

The course covers Vue.js components, including how to create, register, and use components in a Vue application. Students learn how to use Vue's templating system to create dynamic and reactive user interfaces.

The course covers Vue.js directives, including how to use built-in and custom directives to manipulate the DOM and control the behaviour of Vue components.

The course covers Vue.js routers, including how to use Vue Router to create single-page applications with multiple routes and views.

The course covers Vue.js state management, including how to use Vuex to manage the state of a Vue application. Students learn how to use Vuex to create a centralised data store for their application.

The course covers Vue.js animations, including how to use built-in and custom animations to create dynamic and engaging user interfaces.

The course covers Vue.js testing, including how to write unit tests for Vue components using Jest. Students learn how to use Jest to test Vue components for 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.