Game Development with JavaScript: Creating Tetris

Learn JavaScript by creating a functional Tetris game, covering graphics, game loops, and collision detection.

Beginner

27 Lessons

5h 30min

Certificate of Completion

Learn JavaScript by creating a functional Tetris game, covering graphics, game loops, and collision detection.

AI-POWERED

Code Feedback

Explanations

AI-POWERED

Code Feedback

Explanations

This course includes

12 Playgrounds

10 Quizzes

This course includes

12 Playgrounds

10 Quizzes

Course Overview

In this course, you will get hands-on game development experience with JavaScript. Using the classic game of Tetris, you are going to cover concepts like graphics, game loops, and collision detection. By the end of this course, we will have a fully functioning game with points and levels. Try it out with your friends and put it in your portfolio for employers to see.

Course Content

Course Overview

Get familiar with creating a Tetris-inspired game and enhancing your JavaScript skills.

Who is This Course for?

Modern JavaScript

Unpack the core of modern JavaScript features including variables, classes, functions, & destructuring.

Getting Started With Tetris

Explore the project structure, board design, and canvas interactions for creating Tetris.

Styling the Game

The Board

Canvas

Moving Pieces

Break down the steps to manage Tetrominoes, user interaction, and piece rotation.

Tetrominoes

User Interaction

Rotation

Game Logic

Solve problems in game logic for smooth gameplay, collision detection, and randomized tetrominoes.

Gamification

4 Lessons

Follow the process of integrating proxies, scoring, levels, and high scores to enhance Tetris gameplay.

Asynchronous JavaScript

4 Lessons

Master the steps to efficiently handle asynchronous tasks in JavaScript using callbacks, promises, async/await, and server-side high score management.

Final Words

1 Lesson

Learn how to use advanced JavaScript for game development and further exploration.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath