A “Wordle” on Test Driven Development in Vue.js
2h 48m 45s
English
Paid
Course description
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
0:00
/ #1: What is TDD and how it helps us write better software?
All Course Lessons (18)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | What is TDD and how it helps us write better software? Demo | 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 |
Unlock unlimited learning
Get instant access to all 17 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The Vue 3 Bootcamp - The Complete Developer Guide
Sources: udemy
In this course we will take you from a Vue 3 novice to a job ready engineer. This course is loaded with practical projects and examples so that you can truly un
17 hours 31 minutes 14 seconds
Advanced Vue Component Design
Sources: adamwathan
When I first started using Vue, I fell in love because of how easy it made it to do what quickly turned into a mess with jQuery, like dynamically adding fields
3 hours 57 minutes 19 seconds
Common Vue.js Mistakes and How to Avoid Them
Sources: vueschool.io
Mistakes are inevitable, but their repetition can be prevented. In this course, we will look at the most common mistakes made by Vue.js developers and find...
1 hour 12 minutes 47 seconds