Learn JavaScript by building Tetris

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.

4.5
(50 ratings)
1.4k enrolled
Course Instructor: Ania Kubow

Course Outcomes

  • 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

Course Structure

19 lectures1h 34m total duration

  Introduction 
1min
  Setting up the project 
5min
  HTML basics 
6min
  CSS Basics 
2min
  Explaining variables 
5min
  Working with Arrays 
4min
  What exactly is a function? 
4min
  Arrow Functions and forEach() 
3min
  Drawing Tetrominoes using classList.add() 
10min
  Timers and Intervals 
6min
  Using Modulus to define our place on the grid 
4min
  Keycodes and events 
6min
  Choosing items from Arrays 
3min
  Displaying the "Next Up" Tetromino 
9min
  Adding a start and pause game function. 
3min
  Splice() 
2min
  splice() contact() and appendChild() 
8min
  Game over using some() and innerHTML 
2min
  Finishing Up 
4min

About This Course

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()

Used by learners at

Microsoft
Amazon
Google

Featured Review

Profile picture for Jeremiah Obute
Jeremiah Obute

@obuteking

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

Student Feedback

4.5
Course Rating

74%

16%

4%

4%

2%

Reviews

Profile picture for Vitalii
Vitalii
Aug 06, 2024
Dear Ania. Thanks, for new knowledges!
Profile picture for Jeremiah Obute
Jeremiah Obute
Jun 28, 2023
I now have a much broader insight on integrating HTML, CSS and JavaScript. Thank you so much!
Profile picture for Aditya Prashant Tekale
Aditya Prashant Tekale
Jan 29, 2023
Great!
Profile picture for Duc Chanh Nguyen
Duc Chanh Nguyen
Jul 09, 2022
so far so good
Profile picture for Ikegbulam Ugochukwu
Ikegbulam Ugochukwu
Jun 20, 2022
wow i'm amazed

Course Instructor

Ania Kubow
Content creator at codedamn
Ania Kubow
4.5 Instructor rating
50 Ratings
1.4k Students
1 Course

Content creator at codedamnView profile

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

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro