Course image for Learn JavaScript by building Tetris
Free preview before enrolling

Learn JavaScript by building Tetris

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.

1 hour+ of total content
4.5
(20 Reviews)
777 enrolled
Course Creator: Ania KubowLast updated 8 days ago

Goals

  • Understand fundamentals of JavaScript and work with it
  • Working with event listeners and DOM APIs in JavaScript
  • Create a web development project from scratch
  • Learn to create apps in JS by creating a game
  • Hands on JavaScript project
  • Upload the project on GitHub

Description

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:

  • addEventListener()
  • querySelector()
  • querySelectorAll()
  • keyCode()
  • Math.floor()
  • Math.random()
  • length
  • forEach()
  • splice()
  • clearInterval()
  • setInterval()
  • some()
  • innerHTML()
  • every()
  • add()
  • remove()
  • contains()

Course Structure

19 lectures 01:34:43 total duration

  Introduction (Watch video)
01:45
  Setting up the project (Watch video)
05:58
  HTML basics (Watch video)
06:56
  CSS Basics (Watch video)
02:53
  Explaining variables (Watch video)
05:14
  Working with Arrays (Watch video)
04:33
  What exactly is a function? (Watch video)
04:10
  Arrow Functions and forEach() (Watch video)
03:03
  Drawing Tetrominoes using classList.add() (Watch video)
10:23
  Timers and Intervals 
06:00
  Using Modulus to define our place on the grid 
04:07
  Keycodes and events 
06:07
  Choosing items from Arrays 
03:32
  Displaying the "Next Up" Tetromino 
09:07
  Adding a start and pause game function. 
03:10
  Splice() 
02:58
  splice() contact() and appendChild() 
08:14
  Game over using some() and innerHTML 
02:28
  Finishing Up 
04:05

Student feedback

4.5
Course Rating

80%

10%

0%

5%

5%

Reviews

profile pic for Duc Chanh Nguyen
Jul 09, 2022
so far so good
profile pic for sushil
Jun 05, 2022
it didnt work for me i have comented an no replay...
profile pic for Ikegbulam Ugochukwu
Jun 20, 2022
wow i'm amazed
profile pic for Elsa Selmanaj
Feb 26, 2022
very good
profile pic for Banks Mustapha
Mar 14, 2022
A really good javascript crash course But this isn't for total beginners who have not written javascript code before

Your Course Instructor

Course Instructor Image

Ania Kubow

Content creator at codedamn

Content creator at codedamn

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback

Pro

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback
Start 3-Day Free Trial