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 thoughts on “Build A Speed Typing Game With JavaScript – Tutorial

Leave a Reply