Реализация поиска пути в ширину и глубину на JavaScript с помощью CSS Grid

Ссылка на сайт где можно найти курсы с промо-кодом https://obweb.dev

Базовый курс по веб-разработке с основами JS

- https://boosty.to/obwebdev/posts/ad1e...
- https://www.udemy.com/course/basic-we...

Продвинутый курс по веб-разработке Next & ReactJS:

- https://boosty.to/obwebdev/posts/4cc6...
- https://www.udemy.com/course/react-ne...

Ссылка на код https://github.com/AleksandrBorkun/ob...

В этом видео я показываю, как реализовать поиск пути в ширину и глубину на JavaScript с помощью грида. Я использовал графический интерфейс, чтобы наглядно продемонстрировать, как работает алгоритм. Вы можете выбрать две точки на гриде, нажать "старт" и посмотреть, как алгоритм соединяет две ячейки путем. Это отличный способ попрактиковаться в реализации алгоритмов поиска пути и улучшить свои навыки программирования на JavaScript.

00:00 - Intro
00:25 - Реклама курсов
01:04 - Создаем next js проект
02:53 - Добавляем необходимые css компоненты
08:05 - пишем функцию для генерации карты
13:13 - объясняю хук useEffect
16:00 - рахмезаем ячейки используя map
22:04 - добавляем обработку кликов
28:34 - фиксим styled-component ssr баг
30:26 - добавяляем кнопки старт и ресет