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
(51 ratings)
1.4k students enrolledCourse 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 lectures • 1h 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
Featured Review
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
75%
16%
4%
4%
2%
Reviews
Vitalii
Aug 06, 2024
Dear Ania. Thanks, for new knowledges!
Jeremiah Obute
Jun 28, 2023
I now have a much broader insight on integrating HTML, CSS and JavaScript. Thank you so much!
Aditya Prashant Tekale
Jan 29, 2023
Great!
Duc Chanh Nguyen
Jul 09, 2022
so far so good
Ikegbulam Ugochukwu
Jun 20, 2022
wow i'm amazed
Course Instructor
Ania Kubow
Content creator at codedamn

4.5 Instructor rating
51 Ratings
1.4k Students
1 Course
Content creator at codedamnView profile
Includes Certificate of Completion

Add this credential to your LinkedIn profile, resume, or CV. You can share it on social media and in your performance review.
What's in the course?
- 19 video lectures
- GPT-4 level AI assistance
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