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 SPA

Vue.js + Laravel: CRUD with SPAlaraveldaily.com

Category: Vue, Laravel
Duration 1 hour 50 minutes 29 seconds
Using Vue 2 to Create Beautiful SEO-Ready Websites

Using Vue 2 to Create Beautiful SEO-Ready Websitescoursetro

Category: Vue, Adobe XD
Duration 1 hour 48 minutes 11 seconds
Interactive Vue.js Resume Builder

Interactive Vue.js Resume Builderfullstack.io

Category: Vue
Duration 3 hours 33 minutes 1 second
What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

What’s New in Nuxt 4: Key Updates for Nuxt.js Developersvueschool.io

Category: Vue, Nuxt
Duration 33 minutes 19 seconds
Generating Fake Data with Faker.js

Generating Fake Data with Faker.jsvueschool.io

Category: Vue, Other (Frontend)
Duration 51 minutes 56 seconds
Nuxt.js - Vue.js on Steroids

Nuxt.js - Vue.js on Steroidsudemy

Category: Vue, Nuxt
Duration 6 hours 27 minutes 50 seconds
Vue JS 3: The Composition API

Vue JS 3: The Composition APIudemy

Category: Vue
Duration 5 hours 24 minutes 26 seconds