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

Variable environment and thread of execution

What are the two components of the execution context?

What are the two components of the execution context?

**(Select all that apply.)** Which type of variables do not allow hoisting in JavaScript?



(Select all that apply.) Which type of variables do not allow hoisting in JavaScript?

Which method is used to insert an element at the start of the array in JavaScript?

Which method is used to insert an element at the start of the array in JavaScript?

Which method is used to add an event listener to the DOM elements?

Which method is used to add an event listener to the DOM elements?

What is the output of the below code snippet?

```
const items = ["Books", "Pencil", "Pen", "Glue", "Tape"];
console.log(items.indexOf("Books"));
console.log(items.indexOf("Notebook"));
console.log(items.pop());
```

What is the output of the below code snippet?
<pre><code>const items = [&quot;Books&quot;, &quot;Pencil&quot;, &quot;Pen&quot;, &quot;Glue&quot;, &quot;Tape&quot;];
console.log(items.indexOf(&quot;Books&quot;));
console.log(items.indexOf(&quot;Notebook&quot;));
console.log(items.pop());
</code></pre>

Check your understanding of JavaScript and the concepts learned in this chapter with 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 Javascript