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

Which method can be used to generate a random integer within a given range from x to y?

Which method can be used to generate a random integer within a given range from x to y?

What are three predefined methods that need to be implemented in a scene object of Phaser?

What are three predefined methods that need to be implemented in a scene object of Phaser?

Which property is used to change the rendering order of objects on the canvas?

Which property is used to change the rendering order of objects on the canvas?

Sprites are more performant as compared to image objects.

Sprites can add animations to an image whereas image objects cannot add animations.

Sprites support lazy loading whereas image objects do not.

What is a major advantage of choosing sprites over image objects when rendering images on canvas using Phaser?

What is a major advantage of choosing sprites over image objects when rendering images on canvas using Phaser?

Consider the following scenario:
* Ten images are rendered using sprites on top of each other.
* While rendering, the third image's `depth` property is set to 100.

Which image would be shown at the top?

Consider the following scenario:
<ul>
<li>Ten images are rendered using sprites on top of each other.</li>
<li>While rendering, the third image’s <code>depth</code> property is set to 100.</li>
</ul>
Which image would be shown at the top?

Check your understanding of the concepts implemented in the Spin N Win game 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 Spin N Win Project