Please ensure Javascript is enabled for purposes of website accessibility

About This Course

Who this course is for:

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

What you’ll learn: 

  • 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

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.

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

Section 1 - Introduction
Introduction To Brick Breaker Game 00:00:00
Download Resources 00:00:00
Section 2 - Build A Block Breaking Game
Game Setup 00:00:00
Create Elements 00:00:00
Keypresses Interaction 00:00:00
Start Game Setup 00:00:00
Setup Bricks 00:00:00
Create Brick Dynamically 00:00:00
Quick Fix For Elements 00:00:00
Bouncing Ball Moving Elements 00:00:00
Setup Collision Detection 00:00:00
Brick Breaker Check 00:00:00
Tweaks And Adjustments 00:00:00
Tweaks And Adjustments 2 00:00:00
Tweaks And Adjustments 3 00:00:00
Code Review 00:00:00
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel