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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Vue.js Master Class 2024 Edition

Vue.js Master Class 2024 Edition

Sources: vueschool.io
Learn by building a real-world application from scratch! This comprehensive course by Vue School teaches you Vue.js, best practices, modern JavaScript, and exci
11 hours 55 minutes 11 seconds
Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Sources: udemy
Learn how to create an Admin App using Vue 3. Vue 3, Nuxt.js, Composition API, Options API, Vuex, Typescript, Docker, c3.js charts, Upload Images, Export CSV, S
4 hours 59 minutes 48 seconds
The Imposter's Frontend Accelerator

The Imposter's Frontend Accelerator

Sources: bigmachine.io
This is a book. This is a video course... It's both! You are in for a clear and conceptual immersion into modern frontend development using Vue 3.0 and Nuxt 3.
15 hours 48 minutes 54 seconds