Intermediate
18h
Updated 1 month ago
Building Web-Based Games and Utility Projects Using JavaScript
Learn JavaScript by building games and utilities. Explore DOM manipulation, classes, and data structures while boosting your web development career prospects.
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.
JavaScript is one of the most popular programming languages for creating interactive web pages, apps, and games. Knowing JavaScr...Show More
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
A working knowledge of JavaScript
Show more
TAKEAWAY SKILLS
Content
1.
Overview of the Course
1 Lessons
Get familiar with building JavaScript projects to enhance data structures and algorithmic skills.
2.
Refresher to Javascript
8 Lessons
Look at JavaScript's evolution, execution context, variable scopes, arrays, classes, and DOM manipulation.
3.
Snake Game Using Arrays and Objects
10 Lessons
Work your way through creating a Snake Game with HTML canvas, loops, and keyboard controls.
4.
COVID Fighter Game Using Arrays and Collision Algorithm
6 Lessons
Break down the steps to creating a COVID Fighter Game, implementing JavaScript arrays and collision algorithms.
5.
Spin N Win Using Mathematics and Phaser.js
6 Lessons
Dig into creating a Spin-N-Win game with Phaser.js, animations, and mathematical logic.
6.
Sudoku Using a Backtracking Algorithm
5 Lessons
See how it works to create, initialize, fetch, and solve Sudoku puzzles using backtracking.
7.
Travel Planner Project Using Graphs
7 Lessons
Piece together the parts of creating a graph-based travel planner using JavaScript and visualization libraries.
8.
Chat List Project Using LRU Cache
7 Lessons
Step through using LRU caching in JavaScript to build a chat list.
9.
Text Editor Using Stacks
5 Lessons
Walk through the creation of a text editor with undo functionality using stacks.
10.
Photo Editor Using 3-D Arrays
7 Lessons
Work your way through creating a JavaScript-based photo editor with image manipulation features using 3D arrays.
11.
Frog Jump Game Using Greedy Algorithm
5 Lessons
Enhance your skills in creating a Frog Jump Game using the greedy algorithm and Phaser library.
12.
Summary
1 Lessons
Delve into JavaScript execution, DOM manipulation, game development, algorithms, caching, and more.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources