HomeCoursesBuilding Web-Based Games and Utility Projects Using JavaScript

AI-powered learning

Save

Building Web-Based Games and Utility Projects Using JavaScript

Learn JavaScript by building games and utilities. Explore DOM manipulation, classes, and data structures while boosting your web development career prospects.

68 Lessons

18h

Updated 6 months ago

Join 2.9 million developers at

LEARNING OBJECTIVES

A working knowledge of JavaScript
Hands-on experience working with several data structures
The ability to create games using JavaScript and data structures
Familiarity with the Phaser framework

Learning Roadmap

68 Lessons10 Quizzes2 Assessments1 Challenge

Overview of the Course

Get familiar with building JavaScript projects to enhance data structures and algorithmic skills.

Introduction to the Course

Refresher to Javascript

Look at JavaScript's evolution, execution context, variable scopes, arrays, classes, and DOM manipulation.

JavaScript

How JavaScript Works—Execution Context

What Are Var, Let, and Const Keywords in JavaScript?

Array and Utility Functions in JavaScript

How to Create Classes and Objects

DOM Manipulation—Basics

DOM Manipulation—Event Listeners

Quiz Yourself on Javascript

Snake Game Using Arrays and Objects

10 Lessons

Work your way through creating a Snake Game with HTML canvas, loops, and keyboard controls.

COVID Fighter Game Using Arrays and Collision Algorithm

6 Lessons

Break down the steps to creating a COVID Fighter Game, implementing JavaScript arrays and collision algorithms.

Spin N Win Using Mathematics and Phaser.js

6 Lessons

Dig into creating a Spin-N-Win game with Phaser.js, animations, and mathematical logic.

Sudoku Using a Backtracking Algorithm

5 Lessons

See how it works to create, initialize, fetch, and solve Sudoku puzzles using backtracking.

Mid-Course Assessment

Assessment

Travel Planner Project Using Graphs

7 Lessons

Piece together the parts of creating a graph-based travel planner using JavaScript and visualization libraries.

Chat List Project Using LRU Cache

7 Lessons

Step through using LRU caching in JavaScript to build a chat list.

Text Editor Using Stacks

5 Lessons

Walk through the creation of a text editor with undo functionality using stacks.

10.

Photo Editor Using 3-D Arrays

7 Lessons

Work your way through creating a JavaScript-based photo editor with image manipulation features using 3D arrays.

11.

Frog Jump Game Using Greedy Algorithm

5 Lessons

Enhance your skills in creating a Frog Jump Game using the greedy algorithm and Phaser library.

12.

Summary

Delve into JavaScript execution, DOM manipulation, game development, algorithms, caching, and more.

Summary

Final Course Assessment

Assessment

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Developed by MAANG Engineers

ABOUT THIS COURSE

JavaScript is one of the most popular programming languages for creating interactive web pages, apps, and games. Knowing JavaScript can give you a huge edge in the job market. This course is for you if you want to learn JavaScript by creating hands-on projects instead of learning from theory. It will first introduce you to the basics of JavaScript, such as classes, objects, variables, and DOM manipulation. Then, it will help you create several web-based games and projects using different data structures, such as arrays, linked lists, LRU cache, and graphs. You’ll get clear step-by-step instructions for developing each project, while multiple assessments will help monitor your progress. By the end of this course, you’ll have a solid understanding of JavaScript and how to utilize its different data structures to create actual projects, giving you a good foundation to grow your career in web development, game programming, and interactive media.

ABOUT THE AUTHOR

Harsh Jain

Learn more about Harsh

Trusted by 2.9 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer