Building Web-Based Games and Utility Projects Using JavaScript

Intermediate

68 Lessons

18h

Certificate of Completion

AI-POWERED

Explanations

This course includes

2 Assessments

65 Playgrounds

10 Quizzes

56 Illustrations

This course includes

2 Assessments

65 Playgrounds

10 Quizzes

56 Illustrations

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

Course Content

Overview of the Course

Introduction to the Course

Refresher to Javascript

JavaScript How JavaScript Works—Execution Context What Are Var, Let, and Const Keywords in JavaScript?Array and Utility Functions in JavaScript How to Create Classes and Objects DOM Manipulation—Basics DOM Manipulation—Event Listeners Quiz Yourself on Javascript

Snake Game Using Arrays and Objects

Introduction to Canvas Coding Challenge: HTML Canvas with Stationary Object What is a Game Loop?Coding Challenge: HTML Canvas with Moving Object Introduction to the Snake Game Add the Snake to the Board Add Movement to the Snake Move Snake Using Keyboard Input Add Food for the Snake Quiz Yourself on the Snake Game Project

COVID Fighter Game Using Arrays and Collision Algorithm

Introduction to the COVID Fighter Game Setting Up the Project Create and Display Enemies Display Player Character and Gem Objects Implement Scoring and Collision Detection Algorithm Quiz Yourself on the COVID Fighter Game Project

Spin N Win Using Mathematics and Phaser.js

Introduction to Spin-N-Win Introduction to Phaser.js Load and Display the Required Assets Add Event Listeners and Animation Spin the Wheel Using Mathematical Formulas Quiz Yourself on the Spin N Win Project

Sudoku Using a Backtracking Algorithm

5 Lessons

Mid-Course Assessment

Assessment

Travel Planner Project Using Graphs

7 Lessons

Chat List Project Using LRU Cache

7 Lessons

Text Editor Using Stacks

5 Lessons

Photo Editor Using 3-D Arrays

7 Lessons

Frog Jump Game Using Greedy Algorithm

5 Lessons

Summary

1 Lesson

Final Course Assessment

Assessment

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath