A “Wordle” on Test Driven Development in Vue.js
2h 48m 45s
English
Paid
May 30, 2024
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
Nuxt.js - Vue.js on Steroids
Duration 6 hours 27 minutes 50 seconds
Course
Test with Jest
Duration 52 minutes 39 seconds
Course