Creating A Brick Breaker Game From Scratch With Only JavaScript

No Rating(0)
See all reviews

This course is designed for those interested to learn the basics of JavaScript and its many capabilities including using it to build a game from scratch. Also, learn how to create a game board, add game elements, style, and variables.

Watch Free For 30 Days

start free access


buy single class $199
  • On Demand Video Lessons
  • Course Certificate
  • 24/7 Support

About This Courseintermediate

JavaScript can be applied to create amazing JavaScript projects.  In this course, explore how you can use JavaScript DOM manipulation to create a game from start to end. The course is loaded with JavaScript examples making it perfect for JavaScript beginners.  

This JavaScript tutorial will walk you through creating your own JavaScript code and it provides many JavaScript Code Snippets for use in JavaScript programming.  

By the end of the course, you will be able to produce your own version of the game and make it even better. This course is perfect as a practice application that can be used as starter code for even more. Source code and resources are included to get you started quickly.

The course will cover:

  • Game setup 
  • Creating elements using JavaScript
  • Adding style to elements
  • Event handling 
  • Start Game variables
  • Creating the game board dynamically
  • Setting up bricks and elements
  • Moving elements on the page 
  • Animation frame
  • Getting element position 
  • Collision detection
  • Checking if ball hit brick take action


  • Core JavaScript knowledge
  • HTML and CSS knowledge
  • Prior JavaScript experience
  • Fundamental JavaScript concepts

Who this course is for:

  • Beginners to JavaScript
  • Anyone who wants to practice writing JavaScript
  • Web developers

Our Promise to You

By the end of this course, you will have learned how to create a brick breaker game.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about the capabilities of JavaScript.

Course Curriculum

Course Sections

Introduction To Brick Breaker Game

Download Resources

Game Setup

Create Elements

Keypresses Interaction

Start Game Setup

Setup Bricks

Create Brick Dynamically

Quick Fix For Elements

Bouncing Ball Moving Elements

Setup Collision Detection

Brick Breaker Check

Tweaks And Adjustments

Tweaks And Adjustments 2

Tweaks And Adjustments 3

Code Review


No Reviews found for this course.