CourseFlix

Build a Typing Speed Test with JavaScript and CSS

2h 26m 45s
English
Paid

Do you want to enhance your JavaScript skills with a truly engaging project? In this course, you will create a fully interactive typing speed test application that checks the speed and accuracy of typing within a limited time frame.

You will dive into key aspects of frontend development: working with the DOM in real-time, event handling, timer management — all while creating an application you can showcase or even use to compete with friends. You will also master responsive design and simple yet effective error handling for stable interface operation.

This project is not just a typing trainer, but a practical way to boost your confidence and understand how interactive web applications really work.

Additional

All the resources for this course are available in the course handbook on Notion, under — Module 2: Typing Test

https://sweet-tellurium-e16.notion.site/JS-CSS-Projects-Handbook-12ab2273e75280118369d9af8a6a9622

About the Author: Zero To Mastery

Zero To Mastery thumbnail

Zero To Mastery (ZTM) is a Toronto-based online coding academy founded by Andrei Neagoie, originally a senior developer at large Canadian tech firms before turning to teaching full-time. The academy's signature is the cohort-based bootcamp track combined with a deep self-paced course library, all aimed at career-changers and self-taught developers preparing to land software-engineering roles at top companies.

The instructor roster has grown well beyond Andrei to include other senior practitioners: Daniel Bourke (machine learning), Aleksa Tešić (DevOps), Jacinto Wong, and others. Courses cover the full software-engineering career path: web development with React and Next.js, Python, machine learning and deep learning, DevOps and cloud, system design, mobile, and the algorithm / data-structure interview prep that gates engineering jobs.

The CourseFlix listing under this source carries over 120 ZTM courses spanning that full range. Material is paid; ZTM itself runs on a monthly / annual membership model. The teaching style favours long-form, project-based courses where students build complete portfolio-quality applications rather than disconnected feature tutorials.

Watch Online 15 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: Introduction
All Course Lessons (15)
#Lesson TitleDurationAccess
1
Introduction Demo
03:11
2
Main UI
10:40
3
Shuffle & Generate Text JS
10:47
4
Keyboard Input JS (Part 1)
14:50
5
Keyboard Input JS (Part 2)
06:36
6
Timer & Calculate Score JS
13:44
7
Reset Test JS
10:50
8
Introduction
05:02
9
Mac / Linux Device Setup
05:35
10
Windows Device Setup
06:58
11
VSCode Setup & Template
19:27
12
VSCode Extensions
09:11
13
DevTools
13:57
14
GitHub
14:34
15
Let's Keep Learning Together!
01:23
Unlock unlimited learning

Get instant access to all 14 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

15 lessons · 2h 26m 45s
Show all 15 lessons
  1. 1 Introduction 03:11
  2. 2 Main UI 10:40
  3. 3 Shuffle & Generate Text JS 10:47
  4. 4 Keyboard Input JS (Part 1) 14:50
  5. 5 Keyboard Input JS (Part 2) 06:36
  6. 6 Timer & Calculate Score JS 13:44
  7. 7 Reset Test JS 10:50
  8. 8 Introduction 05:02
  9. 9 Mac / Linux Device Setup 05:35
  10. 10 Windows Device Setup 06:58
  11. 11 VSCode Setup & Template 19:27
  12. 12 VSCode Extensions 09:11
  13. 13 DevTools 13:57
  14. 14 GitHub 14:34
  15. 15 Let's Keep Learning Together! 01:23

Related courses

  • GraphQL for beginners with JavaScript thumbnail

    GraphQL for beginners with JavaScript

    By: Udemy
    Obviously, you should use the right tool for the job, right? ... but often, what was the “right” tool, becomes the inferior tool, and frequently you
    5 hours 35 minutes 31 seconds 5 / 5
  • JavaScript for Everyone thumbnail

    JavaScript for Everyone

    By: Mat Marquis (Wilto)
    Dive into JavaScript with Matt Marquis. Learn to solve problems efficiently and elevate your skills in the rapidly evolving field of development.
    5 / 5
  • Scalable TDD & Testing thumbnail

    Scalable TDD & Testing

    By: Logic Room
    Enhance your JavaScript UI testing skills with scalable methods independent of frameworks. Boost development speed, improve code quality, and increase
    2 hours 56 minutes 56 seconds

Frequently asked questions

What is Build a Typing Speed Test with JavaScript and CSS about?
Do you want to enhance your JavaScript skills with a truly engaging project? In this course, you will create a fully interactive typing speed test application that checks the speed and accuracy of typing within a limited time frame. You…
Who teaches Build a Typing Speed Test with JavaScript and CSS?
Build a Typing Speed Test with JavaScript and CSS is taught by Zero To Mastery. You can find more courses by this instructor on the corresponding source page.
How long is Build a Typing Speed Test with JavaScript and CSS?
Build a Typing Speed Test with JavaScript and CSS contains 15 lessons with a total runtime of 2 hours 26 minutes. All lessons are available to watch online at your own pace.
Is Build a Typing Speed Test with JavaScript and CSS free to watch?
Build a Typing Speed Test with JavaScript and CSS is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Build a Typing Speed Test with JavaScript and CSS online?
Build a Typing Speed Test with JavaScript and CSS is available to watch online on CourseFlix at https://courseflix.net/course/build-a-typing-speed-test-with-javascript-and-css. The page hosts every lesson with the integrated video player; no download is required.