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
Watch Online A “Wordle” on Test Driven Development in Vue.js
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
AI Chat Bot with Vue.js and GPT-4
Sources: vueschool.io
AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-3.5 Turbo and GPT-4), adopting it in your applications is as easy as a REST reques
1 hour 46 minutes 30 seconds
Rapid Testing with Vitest: Master Unit Testing & Mocking
Sources: vueschool.io
In this course the creator of Vitest, Anthony Fu, will get you up and running with the fastest testing framework around. Learn the basics of how to do unit tes
1 hour 15 minutes 44 seconds
Test with Jest
Sources: vueschool.io
Jest is an industry leading test suite for JavaScript used by big and small projects around the globe. Get up and running with Jest in this course! In this course, you'll learn ...
52 minutes 39 seconds