Introduction

Setting up the project

HTML basics

CSS Basics

Explaining variables

Working with Arrays

What exactly is a function?

Arrow Functions and forEach()

Drawing Tetrominoes using classList.add()

Timers and Intervals

Using Modulus to define our place on the grid

Keycodes and events

Choosing items from Arrays

Displaying the "Next Up" Tetromino

Adding a start and pause game function.

Splice()

splice() contact() and appendChild()

Game over using some() and innerHTML

Finishing Up

In this course, you will learn how to set up a project from scratch as well as gain a fundamental understanding of JavaScript by building your very own version of Tetris. This is a great course for those of you who have never touched code before or those of you with some basic understanding of JavaScript, that would like to go over the fundamentals again.

I now have a much broader insight on integrating HTML, CSS and JavaScript. Thank you so much!

Jeremiah Obute

Hi, my name is Ania and I am a Software Developer. Welcome to my JavaScript tutorial for beginners. 
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. 
This is a great course for those of you who have never touched code before or those of you with some basic understanding of JavaScript, that would like to go over the fundamentals again.
This course consists of explainer videos that will run you through concepts such as 'Explaining Variables', 'What is a Function and how we use it', 'Understanding Arrays', and many more. These explainer videos are dotted throughout the Tetris project and play when we start to discover each javaScript concept or method. These explainer videos consist of imagery and diagrams for those of you who are visual learners. There are also multiple-choice questions at the end of selected lectures.
In this game of Tetris we will be covering the following inbuilt JavaScript methods:
<ul>
<li>addEventListener()</li>
<li>querySelector()</li>
<li>querySelectorAll()</li>
<li>keyCode()</li>
<li>Math.floor()</li>
<li>Math.random()</li>
<li>length</li>
<li>forEach()</li>
<li>splice()</li>
<li>clearInterval()</li>
<li>setInterval()</li>
<li>some()</li>
<li>innerHTML()</li>
<li>every()</li>
<li>add()</li>
<li>remove()</li>
<li>contains()</li>
</ul>

Certificate Details

Learn JavaScript by building Tetris

Course Goals

Ania Kubow