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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 18 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What is TDD and how it helps us write better software?

All Course Lessons (18)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

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
Rapid Testing with Vitest: Master Unit Testing & Mocking

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
Real-time chat with Node.js, Socket.io and Vue.js

Real-time chat with Node.js, Socket.io and Vue.js

Sources: Codecourse
How easy is it to build a simple real-time chat? Very easy. Build your own in less than an hour. Real-time chat with Node.js, Socket.io and Vue.js
26 minutes 39 seconds
Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)

Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)

Sources: udemy
If you’re already familiar with Vue 2 & The Options API, then this course will teach you everything you need to know to switch over to (and get started with) Vu
9 hours 10 minutes 13 seconds
Real-Time Data with Laravel Reverb and Vue.js

Real-Time Data with Laravel Reverb and Vue.js

Sources: vueschool.io
Would you like to add real data handling features to your applications on Laravel and Vue.js? Whether you are creating a notification system, a chat in...
44 minutes 56 seconds