Learn the basics of JavaScript by coding a Tetris game from scratch.
This is a great course for people who have never touched code before or people who want to review the fundamentals.
In this course, you will learn how to set up a project from scratch using the Atom code editor and your command prompt tool, as well as gain a fundamental understanding of JavaScript by building your very own version of Tetris.
? Course from Ania Kubow. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw
? Code: https://github.com/kubowania/Tetris-Basic
?? Course Contents ??
?? (0:00) Introduction
?? (1:44) Setting up the project
?? (7:47) HTML Basics
?? (14:38) CSS Basics
?? (17:46) Explaining Variables
?? (23:04) Working with Arrays
?? (27:42) What exactly is a function?
?? (31:56) Arrow Functions and forEach()
?? (35:04) Drawing Tetrominoes using classList.add()
?? (45:32) Times and intervals
?? (51:37) Using Modulus to define our place on the grid
?? (55:48) Keycodes and events
?? (1:00:02) Choosing items from Arrays
?? (1:05:38) Displaying the ‘Next Up’ Tetromino
?? (1:14:49) Adding a start and pause game function.
?? (1:18:04) Splice()
?? (1:21:07) Splice(), concat() and appendChild()
?? (1:29:26) Game over using some() and innerHTML
?? (1:31:58) Assigning colors to our Tetrominos
—
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 so you don’t miss any tutorials: https://youtube.com/subscription_center?add_user=freecodecamp