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

Finds the shortest path from the source node to all the destination nodes.

Finds the nodes with the minimum number of edges.

Finds the nodes with the maximum number of edges.

Finds the longest path from the source node to the destination node.

What does Dijkstra’s algorithm do?

Which element of the graph is used to denote the weights associated to the nodes?

Which element of the graph is used to denote the weights associated to the nodes?

To create and render a network graph on the HTML web page, which class's object do we need to instantiate from the `vis.js` library?

To create and render a network graph on the HTML web page, which class’s object do we need to instantiate from the <code>vis.js</code> library?

Which attribute of the configuration object for the network graph needs to be set in order to make the edge bold when it is selected by the mouse pointer?

Which attribute of the configuration object for the network graph needs to be set in order to make the edge bold when it is selected by the mouse pointer?

Which type of graph was used in the travel planner project?

Which type of graph was used in the travel planner project?

Check your understanding of the concepts implemented in the travel planner 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 Travel Planner Project