Master the Pathfinding Algorithms with JavaScript and React
2h 30m 4s
English
Paid
Course description
Enhance your JavaScript and React skills, build a portfolio project, and understand the pathfinding algorithms on a deeper level in this project-based course!
Read more about the course
Build an Algorithms Visualizer that shows how the Breadth-First Search and Depth-First Search algorithms work and helps you understand them on a deeper level. Plus it'll serve as a standout project in your portfolio that will be a conversation starter in interviews!
Watch Online
0:00
/ #1: Introduction
All Course Lessons (23)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction Demo | 02:29 | |
| 2 | Project Demo | 03:28 | |
| 3 | What Are Pathfinding Algorithms? | 05:28 | |
| 4 | Breadth-First Search (BFS) | 06:41 | |
| 5 | Depth-First Search (DFS) | 05:33 | |
| 6 | BFS vs. DFS | 02:49 | |
| 7 | Setting Up Our REPL | 06:08 | |
| 8 | Creating a Maze Using React | 10:36 | |
| 9 | Creating Maze Rows | 03:42 | |
| 10 | Making It Dynamic | 09:07 | |
| 11 | Adding a Maze Refresh Button | 08:35 | |
| 12 | Generating a Maze Matrix using Javascript | 05:03 | |
| 13 | Combining Maze Generation into Our Button | 05:09 | |
| 14 | Finalizing Our Maze Generation | 12:34 | |
| 15 | Applying BFS and DFS to Our Maze | 05:10 | |
| 16 | Breadth-First Search Implementation - Part 1 | 12:27 | |
| 17 | Breadth-First Search Implementation - Part 2 | 03:36 | |
| 18 | Depth-First Search Implementation | 05:36 | |
| 19 | Adding Buttons and Bug Fixing our Algorithms | 10:41 | |
| 20 | Combining the Algorithms to the Maze | 09:04 | |
| 21 | Delaying the Steps of Our Algorithms | 03:52 | |
| 22 | Fixing Refresh Maze | 06:30 | |
| 23 | The Final Touches | 05:46 |
Unlock unlimited learning
Get instant access to all 22 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
AI For Developers With GitHub Copilot, Cursor AI & ChatGPT
Sources: Academind Pro
This course is designed for developers who want to use AI effectively! AI is not a threat, but a powerful tool capable of making you even more...
4 hours 55 minutes 24 seconds
Shift Nudge – Interface Design Course (PRO packet)
Sources: shiftnudge.com (Matt, MDS)
Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don't have a design background, even if you're not an expert, even if you have ...
105 hours 34 minutes 18 seconds
Algorithms and Data Structures
Sources: Oz Nova (csprimer.com)
The study of algorithms and data structures can be an especially useful field because it touches on the very essence of programming: solving complex problems.
26 hours 32 minutes 19 seconds
Building a Transpiler from scratch
Sources: Dmitry Soshnikov
In modern implementations of compilers, it has become popular to transform one high-level language into another. Examples include transpiling new versions of...
2 hours 3 seconds
Building Multi-Platform Browser Extensions
Sources: Server Side Up
Skip the time reading outdated, unsupported documentation from multiple sources and get started with development immediately. I wrote this book to be the guide I wish I had when...
58 minutes 15 seconds