Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Master the Pathfinding Algorithms with JavaScript and React
Introduction
Introduction (2:28)
Project Demo (3:27)
Exercise: Meet Your Classmates and Instructor
Course Resources
Set Your Learning Streak Goal
Understanding the Pathfinding Algorithms
What Are Pathfinding Algorithms? (5:27)
Breadth-First Search (BFS) (6:40)
Depth-First Search (DFS) (5:32)
BFS vs. DFS (2:48)
Building the React Frontend
Setting Up Our REPL (6:07)
Creating a Maze Using React (10:35)
Creating Maze Rows (3:41)
Making It Dynamic (9:06)
Adding a Maze Refresh Button (8:34)
Generating a Maze Matrix using Javascript (5:02)
Combining Maze Generation into Our Button (5:08)
Finalizing Our Maze Generation (12:33)
Applying Pathfinding Algorithms
Applying BFS and DFS to Our Maze (5:09)
Breadth-First Search Implementation - Part 1 (12:26)
Breadth-First Search Implementation - Part 2 (3:35)
Depth-First Search Implementation (5:35)
Adding Buttons and Bug Fixing our Algorithms (10:40)
Combining the Algorithms with the Maze
Combining the Algorithms to the Maze (9:03)
Delaying the Steps of Our Algorithms (3:51)
Fixing Refresh Maze (6:29)
The Final Touches (5:45)
Where To Go From Here?
Review This Project!
Course Resources
This lecture is available exclusively for ZTM Academy members.
If you're already a member,
you'll need to login
.
Join ZTM To Unlock All Lectures