Vue with Test Driven Development

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


What you'll learn
Build application with Vue 3
Build an application with internationalization (i18n)
Learn both composition and options api
Build an application with client side routing, by using vue router
Implement global state management with pinia
Practice Test Driven Development in a complete project from beginning to the end.
Learn the test runner, vitest and understand how to structure test modules
How to mock external dependencies in testing.
Feel how the test driven development is giving confidence when refactoring your application.

Requirements
Experience with javascript is required

Description
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.
Who this course is for:
Developers who want to learn Vue 3
Developers who want to see Test Driven Development in action

More Info