Vue with Test Driven Development

Learn Vue 3 by applying test driven development (using vitest, testing-library/vue)

The frontend world is having very popular frameworks which are heavily used in most of the applications.

In this course we will be learning Vue 3 by creating a web application with it. Also we will apply test driven development (TDD) methodology from beginning to the end.

We will use one of the most popular test libraries of javascript. vitest and testing-library

while building this application, we will learn

• both options api and composition api

• client-side routing. we will apply our custom implementation then we will use vue-router library

• internationalization with vue-i18n

• global state management in a component based application by using pinia

and we will see

• how test driven development works.

• diff of integration and unit tests

• how it's affecting our code quality, reusability

• how it's giving us the confidence about refactoring our implementation

• how to avoid implementation details while creating tests

This course is purely built on practice. Each code piece we write, will be for our actual application implementation.

In each section we will gradually build our application. We will not jump ahead and add functionality not needed for that moment. We will implement one requirement at a time. Each implementation will bring the next requirement to us.

And following this practice, will help you to get a solid foundation about overall web application requirements and how to implement one of them with Vue by following test driven development methodology.

After completing the course, you will be able to use Vue in your next project and you will experience the benefits of test driven development.