A “Wordle” on Test Driven Development in Vue.js
2h 48m 45s
English
Paid
In this hands-on course, you will learn to write applications using Test-Driven Development (TDD) by building a clone of the Wordle game from scratch. This course covers Vue.js 3, Composition API, Vitest, and Vue Test Utils. Key topics include the Red-Green-Refactor loop, crafting resilient tests, using test generators, working with mocks and spies, and essential refactoring techniques. It's suitable for developers at all levels, even those new to testing.
Watch Online A “Wordle” on Test Driven Development in Vue.js
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | What is TDD and how it helps us write better software? | 04:06 |
2 | Different types of tests | 08:45 |
3 | Preparing your environment | 10:47 |
4 | Our first Red | 11:48 |
5 | Refactor via extractions | 11:00 |
6 | Defining the rules for Word of the day | 12:46 |
7 | Tests as documentation | 13:17 |
8 | Handling Player Input | 13:27 |
9 | Fixing bugs and writing regression tests | 11:36 |
10 | Flexible tests and the freedom to change code | 10:07 |
11 | Allowing players to make multiple guesses | 09:39 |
12 | Displaying all guesses | 08:46 |
13 | Disabling controls when the game is over | 05:19 |
14 | Let’s add a bit more styling | 04:49 |
15 | Providing hints after each submission - Part 1 | 09:41 |
16 | Providing hints after each submission - Part 2 | 10:51 |
17 | Visual Regression Tests | 09:39 |
18 | Course Conclusion | 02:22 |
Similar courses to A “Wordle” on Test Driven Development in Vue.js

Vue.js + Laravel: CRUD with SPAlaraveldaily.com
Category: Vue, Laravel
Duration 1 hour 50 minutes 29 seconds
Course

Using Vue 2 to Create Beautiful SEO-Ready Websitescoursetro
Category: Vue, Adobe XD
Duration 1 hour 48 minutes 11 seconds
Course

Interactive Vue.js Resume Builderfullstack.io
Category: Vue
Duration 3 hours 33 minutes 1 second
Course

What’s New in Nuxt 4: Key Updates for Nuxt.js Developersvueschool.io
Category: Vue, Nuxt
Duration 33 minutes 19 seconds
Course

Generating Fake Data with Faker.jsvueschool.io
Category: Vue, Other (Frontend)
Duration 51 minutes 56 seconds
Course

Nuxt.js - Vue.js on Steroidsudemy
Category: Vue, Nuxt
Duration 6 hours 27 minutes 50 seconds
Course

Vue JS 3: The Composition APIudemy
Category: Vue
Duration 5 hours 24 minutes 26 seconds
Course