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.

Apply Data Structures and Algorithms to Build Real Projects.png

docker.tar.gz

Node With Express

Snake Game

Covid Fighter

Spin N Win

Sudoku

Travel Planner

Chat List

Text Editor

Photo Editor

Frog Jump

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.

Building Web-Based Games and Utility Projects Using JavaScript

What are the dimensions of the array used to render the image on the canvas?

What are the dimensions of the array used to render the image on the canvas?

Which DOM event will be triggered when there is any change in the value of the HTML element?

Which DOM event will be triggered when there is any change in the value of the HTML element?

What is the correct name of the URL that is prefixed with the `data:` scheme and that allows content creators to embed small files inline in documents?

What is the correct name of the URL that is prefixed with the <code>data:</code> scheme and that allows content creators to embed small files inline in documents?

Which function is used to create an empty `ImageData` instance?

Which function is used to create an empty <code>ImageData</code> instance?

What is the name of the technique that we used to resize images in this chapter?

What is the name of the technique that we used to resize images in this chapter?

Check your understanding of the concepts implemented in the photo editor project by taking this quiz.

Overview of the Course

Refresher to Javascript

Snake Game Using Arrays and Objects

COVID Fighter Game Using Arrays and Collision Algorithm

Spin N Win Using Mathematics and Phaser.js

Sudoku Using a Backtracking Algorithm

Mid-Course Assessment

Travel Planner Project Using Graphs

Chat List Project Using LRU Cache

Text Editor Using Stacks

Photo Editor Using 3-D Arrays

Frog Jump Game Using Greedy Algorithm

Summary

Final Course Assessment

Quiz Yourself on the Photo Editor Project