Code Tetris: JavaScript Tutorial for Beginners

Published: 14 May 2020
on channel: freeCodeCamp.org

384,880

8.6k

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: / @aniakubow

💻 Code: https://github.com/kubowania/Tetris-B...

⭐️ 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_cent...

On this page of the site you can watch the video online Code Tetris: JavaScript Tutorial for Beginners with a duration of hours minute second in good quality, which was uploaded by the user freeCodeCamp.org 14 May 2020, share the link with friends and acquaintances, this video has already been watched 384,880 times on youtube and it was liked by 8.6 thousand viewers. Enjoy your viewing!

4,155