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 created by Ania Kubow.
? Ania’s YouTube Channel: https://www.youtube.com/aniakubow
? Ania’s Twitter: https://www.twitter.com/ania_kubow
?? 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
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp