Learn to build interactive games with JavaScript through a step-by-step course covering HTML, CSS, and canvas functionalities.
Ready to level up your JavaScript skills? This course takes you through creating a fun game from scratch. You’ll learn step-by-step while having a blast coding, from shapes to animations, and even tracking scores. It’s easy and perfect for everyone!
Take your JavaScript learning experience to the next level and start building interactive games.
Take a step-by-step approach to learning how to build a complete JavaScript game. In this course we will cover the basic set up of the HTMLÂ and CSS pages and then we will dive right into coding our game! Starting from creating basic shapes on our canvas element to animating a ball, and then finally keeping track of the player's lives and score. We will cover many interesting topics, including:
HTML canvas element
for loops
arrays
objects
creating custom functions
mouse controls
And much more!
There are only two things that you need to take this course: an internet connection and a computer. There is no need to download any paid software or set up complex development environments.
The course is 1.5 hours long and is structured in a step-by-step manner, from simple to more difficult concepts. We build the JavaScript game from the ground up and cover each game component one at a time - so you will never feel overwhelmed with the content.
 With the knowledge gained in this course you can move forward and build more complex JavaScript games, and use the game you created at the end of this course to add to your portfolio or just impress your friends.
The material in this course is adapted from MDN, licensed under CC-BY-SA 2.5.
I hope to hear from you soon, and look forward to having you in my course!
Build a complete JavaScript game from scratch
Understand how HTML, CSS, and JavaScript work together
Understand how the <canvas> element works
3 Lectures
3 Lectures
15 Lectures
Based in Ontario, Canada, we are a group of professionals dedicated to creating high quality web development courses. Our content is created with the student in mind.  We take care in ensuring the content we create is understandable, relevant and aimed at taking you from novice to expert.Self-education is the most prominent type of education there is. It shows that...
learning by doing and great structure of programming
It was a fun, straight to the point course
Overall good course. There were few parts where a mistake was introduced in voice text, for example, about the second if statement were actually changes needed in the first statement. In my opinion it would be better to re-record those videos.
Great course. I loved how when creating your variables, you didn't just add all the ones you would need at once. Instead you created the variable and the function which helped understand how they work together, and for any changes along the way. The where and how. Which helped understand how each part of code worked together.
This was a fun, short course and very informative for someone new to writing games using HTML5 and javascript.
Really fun to build! Lessons are helpful and easy to follow
more comments while you write code for proper reference
Although I don't understand some of it (maths has never been my strong point, the lecturer took great pains to explain everything. Thanks! That was fun.
I like so much your course, it was very interactive. I learned so much, Good Job
Your email address will not be published. Required fields are marked *
Tracy-gregory G.
Web technology has advanced considerably since this tutorial was created.