Building Web-Based Games and Utility Projects Using JavaScript

Gain insights into JavaScript fundamentals while creating web-based games and utility projects. Discover DOM manipulation, classes, data structures, and enhance your career prospects in web development.

Intermediate

68 Lessons

18h

Certificate of Completion

Gain insights into JavaScript fundamentals while creating web-based games and utility projects. Discover DOM manipulation, classes, data structures, and enhance your career prospects in web development.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

2 Assessments
65 Playgrounds
10 Quizzes

This course includes

2 Assessments
65 Playgrounds
10 Quizzes

Course Overview

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, s...Show More

TAKEAWAY SKILLS

Javascript

Algorithm Analysis

Game Development

What You'll Learn

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

What You'll Learn

A working knowledge of JavaScript

Show more

Course Content

1.

Overview of the Course

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

Refresher to Javascript

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

Snake Game Using Arrays and Objects

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

COVID Fighter Game Using Arrays and Collision Algorithm

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

Spin N Win Using Mathematics and Phaser.js

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

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

7.

Travel Planner Project Using Graphs

7 Lessons

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

Chat List Project Using LRU Cache

7 Lessons

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

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

1 Lesson

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

Final Course Assessment

Assessment

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

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

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

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

Adaptive Learning

Explain with AI

AI Code Mentor