Outschool
Open currency, time zone, and language settings
Log In

Learn to Code Javascript Pong Game With Phaser

Students will learn how to code a web-based game using JavaScript.
Jon Lopez
Average rating:
4.8
Number of reviews:
(329)
Class

What's included

6 live meetings
5 in-class hours

Class Experience

In this course, students will learn how to code in JavaScript while also learning how to create the classic game Pong. Since this course doesn’t use a game library, students will learn concepts like the game loop, collision detection, basic enemy artificial intelligence, control mechanism, rendering, moving images and more. I chose to use Javascript for this class because it is a very popular coding language that is also easier to understand for beginners. In each class I will show and explain how to code sections of the game, then I will ask students to try it out themselves. I will also give out a challenge after every class so students can experiment and grow their knowledge.

In the first week, students will learn how to use Repl and also how to create a basic webpage using HTML with canvas element which we will use to display the game. In the second week students will learn javaScript variables and how to draw on the game. In the third and fourth week, students will learn how to create the player ball and move it while also adding collision detection so the ball can bounce off the walls. In the fifth and sixth week, students will learn how to move the paddle from keyboard inputs and have the paddle interact with the ball. Finally in the seventh and eighth week, students will learn how to move the enemy paddle with simple AI, how to keep score, and the code for when the game is over. Also, if there is time in the last week I will briefly go over how to create this game using a game library and the benefit of doing that.

Students don't need to have coding knowledge but it is helpful. By the end of the course students will have the knowledge of basic programming principles like variables, conditions statements, functions and more. Also students will have a complete Pong javascript game that can be implemented in any webpage. Since this course uses Repl any computer with internet access will work.

Topics the course covers:
        Creating a webpage with a canvas using HTML
        Creating the player ball and moving it
        Code the logic to bounce the ball off the walls
        Keyboard control to move the paddle
        Handling game over
        Enemy paddle artificial intelligence 
        Track the score 

Please note: 
If the student is outside of the age range but you think they still may be suitable for this class, please contact me before signing up. They should have experience navigating around a computer and be able to listen and follow instructions well with minimal help. 

Please review my class rules and policies: https://cdn.filestackcontent.com/GtUqZSL3TDWxSH0n8tem

Other Details

Supply List
Students should make a free account here: https://repl.it/login
External Resources
In addition to the Outschool classroom, this class uses:
  • Repl
Joined August, 2019
4.8
329reviews
Profile
Teacher expertise and credentials
I have a degree in computer science and have been coding for over 10 years. I have also worked a few years in the industry creating desktop games. As someone who was originally self taught I know  how important it is to learn code by being very hands-on and experimenting, which is how I will be teaching.

Reviews

Live Group Class
Share

$150

for 6 classes
1x per week, 6 weeks
50 min

Completed by 45 learners
Live video meetings
Ages: 12-17
2-5 learners per class

This class is no longer offered
About
Support
SafetyPrivacyCA PrivacyLearner PrivacyYour Privacy ChoicesTerms
Financial Assistance
Get The App
Download on the App StoreGet it on Google Play
© 2025 Outschool