Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Vue with Test Driven Development

via Udemy

Overview

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.
  • Testing in 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

whilebuildingthisapplication,wewilllearn

  • 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

andwewillsee

  • howtestdrivendevelopmentworks.

  • diff of integration and unit tests

  • howit's affectingourcodequality,reusability

  • howit'sgivingustheconfidenceaboutrefactoringourimplementation

  • how to avoid implementation details while creating tests

Thiscourseispurelybuiltonpractice.Eachcodepiecewewrite,willbeforouractualapplicationimplementation.

Ineachsectionwewillgraduallybuildourapplication.Wewillnotjumpaheadandaddfunctionalitynotneededforthatmoment.Wewillimplementonerequirementatatime.Eachimplementationwillbringthenextrequirementtous.

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.

Taught by

Basar Buyukkahraman

Reviews

4.2 rating at Udemy based on 247 ratings

Start your review of Vue with Test Driven Development

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.