Build A Speed Typing Game With JavaScript – Tutorial




Learning web development can be tough and boring, but it doesn’t have to be. In this video we take a look at creating a simple JavaScript speed typing game. This is a great project for anyone just getting started with JavaScript/CSS or anyone that wants to create a fun project since it covers important concepts of creating timers, calling APIs, and hooking up DOM events. On top of that this video covers best practices in JavaScript and CSS so you can learn the best way to write code.

๐Ÿ“š Materials/References:

GitHub Code: https://github.com/WebDevSimplified/JS-Speed-Typing-Game
CodePen Code: https://codepen.io/WebDevSimplified/pen/dyPvWoY
Async Vs Defer Tutorial: https://youtu.be/Kpn2ajSa92c
Fetch API Tutorial: https://youtu.be/cuEtnrL9-H0
Promises Tutorial: https://youtu.be/DHvZLI7Db8E
Async/Await Tutorial: https://youtu.be/V_Kr9OSfDeU

๐Ÿง  Concepts Covered:

– How to use fetch to query an API
– How to efficiently load JavaScript
– How to handle asynchronous JavaScript
– How to bind click and input events in JavaScript

๐ŸŒŽ Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

#JavaScriptTypingGame #WDS #JavaScript

Original source


23 responses to “Build A Speed Typing Game With JavaScript – Tutorial”

  1. Your homework to improve on this great tutorial is to: 1) don't start the timer until you start typing, 2) after successfully typing the quote, add the results to a list at the bottom showing the quote, elapsed time, and calculate the wpm. Awesomeness!!!!

  2. whenever I see @UCFbNIlppjAuEX4znoulh0Cw notification in my phone. I feel happy and enthusiastic because I get to know that I going to learn something new and it will be so easy as well. efforts that you take for us is really helpful. Love and support sir.

Leave a Reply