JavaScript Game Development Step by Step

Course Curriculum

Chapter 1: Prerequisites of the Course

Lecture 1: Prerequisites

Lecture 2: How to get course repository and other stuff?

Chapter 2: Introduction to Canvas and JavaScript

Lecture 1: Overview of the Section

Lecture 2: Introduction to Canvas

Lecture 3: Drawing Elements in the Canvas

Lecture 4: Canvas State

Lecture 5: Introduction to JavaScript Objects

Lecture 6: Drawing Objects in the Canvas

Lecture 7: Introduction to JavaScript functions

Lecture 8: Understanding the setInterval() function

Lecture 9: User inputs & Event Handling

Chapter 3: Building the Snake Game

Lecture 1: Overview of the Section

Lecture 2: Getting started with the Project

Lecture 3: Declaring Objects of the Game

Lecture 4: Initializing the Snake and Food

Lecture 5: Drawing the Snake

Lecture 6: Getting the user inputs

Lecture 7: Updating Snake Position

Lecture 8: Moving our Snake

Lecture 9: Dealing with the boundary conditions

Lecture 10: Drawing Food for the Snake

Lecture 11: Snake eats Food – Part 1

Lecture 12: Snake eats Food – Part 2

Lecture 13: Adding Game Over condition – Part 1

Lecture 14: Adding Game Over condition – Part 2

Lecture 15: Adding Scoring to the Game

Lecture 16: Initial Screen of the Game

Lecture 17: Game is ready

Chapter 4: Building the Breakout Game

Lecture 1: Overview of the Section

Lecture 2: Getting started with the Project

Lecture 3: Declaring Objects of the Game

Lecture 4: Drawing Ball and Base

Lecture 5: Updating the Base position

Lecture 6: Getting the user inputs

Lecture 7: Moving the Base

Lecture 8: Updating the Ball position

Lecture 9: Collision between Base and Ball

Lecture 10: Initializing the Enemy Tiles

Lecture 11: Drawing the Enemy Tiles

Lecture 12: Tile and Ball collision

Lecture 13: Adding Scoring and Lives to the game

Lecture 14: Adding Game Over condition

Lecture 15: Basic Game ready

Lecture 16: Increasing Game difficulty with time

Chapter 5: More elements of the Game

Lecture 1: A Short note

Lecture 2: Tracking mouse movement

Lecture 3: Building a Shooter – Part 1

Lecture 4: Building a Shooter – Part 2

Lecture 5: Adding Pause Screen to your Game

Lecture 6: Adding Sound to your Game

Chapter 6: Building Cupcake Catcher Game

Lecture 1: Getting started with the Project

Lecture 2: Loading the resources

Lecture 3: Declaring Objects of the Game

Lecture 4: Initializing the game

Lecture 5: Drawing the tiles

Lecture 6: Drawing the Catcher

Lecture 7: Adding animation to the Catcher

Lecture 8: Moving the Catcher

Lecture 9: Learning the jump function

Lecture 10: Adding jumping animation

Lecture 11: Initializing the cupcakes

Lecture 12: Drawing the cupcakes

Lecture 13: Defining the collision functions

Lecture 14: Using the food collisions

Lecture 15: Learning about gravity

Lecture 16: Adding levels and scoring

Lecture 17: Game Over condition

Lecture 18: Click to start or restart

Lecture 19: Adding sound to the game

Lecture 20: Adding Pause Screen to the game

Chapter 7: Bonus – Publishing Your Game

Lecture 1: How to publish your game in GitHub pages?