JavaScript Tutorial: Build Flappy Bird and Doodle Jump

  • 62

Improve your JavaScript skills by building two popular millennial games: Doodle Jump & Flappy Bird. In this video, you will practice over 32 of JavaScript's most popular methods in order to build the two games. This includes .forEach(), .push(), .shift(), .addEventListener(), .appendChild(), while loops, Classes, constructors and many more.

💻 Doodle Jump Code: https://github.com/kubowania/Doodle-Jump
💻 Flappy Bird Code: https://github.com/kubowania/flappy-bird

⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction
⌨️ (01:54) Introduction to Doodle Jump
⌨️ (01:56) Doodle Jump game logic
⌨️ (03:34) Setting up our game
⌨️ (07:37) Creating our doodler
⌨️ (12:02) Creating our platforms
⌨️ (15:02) Creating our Platform Class
⌨️ (19:53) Moving our platforms
⌨️ (23:12) Making our doodler jump
⌨️ (22:40) Making our doodler fall
⌨️ (27:21) Writing our game over logic
⌨️ (30:54) Hooking up our keyboard keys
⌨️ (38:21) Making our doodler go left and right
⌨️ (44:57) Removing and adding new platforms using array work
⌨️ (48:49) Removing all children of the grid using a while loop
⌨️ (49:41) adding the score

⌨️ (51:42) Flappy Bird introduction
⌨️ (51:44) Flappy Bird game logic
⌨️ (52:08) Setting up our project
⌨️ (57:55) Writing our start game logic
⌨️ (1:00:35) Making our bird jump
⌨️ (1:03:01) Hooking up our keyboard keys
⌨️ (1:04:04) Generate a pipe obstacle
⌨️ (1:09:04) Move the obstacle
⌨️ (1:11:34) Generate new obstacles using setInterval() and setTimeout()
⌨️ (1:13:06) Write our game over logic
⌨️ (1:18:53) We learn how to add images to our project
⌨️ (1:22:37) We expand our collision rules using && and ||
⌨️ (1:25:01) We add the final stages of styling learning about z-index