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.

4.6
(41 ratings)
1.2k enrolled
Course Instructor: Ania KubowLast updated 12/2023

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

Trusted by learners at

Microsoft
Amazon
Google

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 lectures1h 34m total duration

  Introduction (Watch video)
1min
  Setting up the project (Watch video)
5min
  HTML basics (Watch video)
6min
  CSS Basics (Watch video)
2min
  Explaining variables (Watch video)
5min
  Working with Arrays (Watch video)
4min
  What exactly is a function? (Watch video)
4min
  Arrow Functions and forEach() (Watch video)
3min
  Drawing Tetrominoes using classList.add() (Watch video)
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

Featured Review

Profile picture for Jeremiah Obute
Jeremiah Obute

@obuteking

5.0
Jun 28, 2023
I now have a broader insight on integrating HTML, CSS and JAVASCRIPT. Thank you so much
Was this review helpful?

Student feedback

4.6
Course Rating

78%

12%

2%

5%

2%

Reviews

Profile picture for Harish S
Dec 02, 2023
So far it is half I can understand half I can't because the language is little tough to understand. Please teach in tamil
Helpful?
Profile picture for vineet
Sep 24, 2023
Cut some imp lec.
Helpful?
Profile picture for Aditya Prashant Tekale
Jan 29, 2023
Great!
Helpful?
Profile picture for Duc Chanh Nguyen
Jul 09, 2022
so far so good
Helpful?
Profile picture for Ikegbulam Ugochukwu
Jun 20, 2022
wow i'm amazed
Helpful?
Profile picture for sushil
Jun 05, 2022
it didnt work for me i have comented an no replay...
Helpful?
Profile picture for TIKKAM DINESH KUMAR REDDY
Apr 03, 2022
Great and good
Helpful?
Profile picture 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
Helpful?
Profile picture for Elsa Selmanaj
Feb 26, 2022
very good
Helpful?

Course Instructor

Ania Kubow
Content creator at codedamn
Ania Kubow
4.6 Instructor rating
41 Ratings
1.2k 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