САПЁР на JavaScript | ПЕТ-ПРОЕКТ | Minesweeper

В этом видео я создам игру из моего детства - Сапёр (Minesweeper) с нуля, используя HTML, CSS и, конечно же, JavaScript!

🔹 Реализуем игровое поле, ячейки/клетки, механику расстановки мин
🔹 Научимся раскрывать клетки и отмечать возможные мины флажками
🔹 Добавим раскрытие пустых областей
🔹 Реализуем логику подсчёта соседних мин
🔹 Поработаем с модальными окнами, массивами, рекурсией, обработкой событий клика ЛКМ и ПКМ, воспроизведением звука на веб-странице, и др.

В конце видео у нас получится минималистичная рабочая версия игры! 🎮
Дальнейшие доработки и «причёсывания» зависит только от ваших фантазий! 🪄

Приятного просмотра! 😍

Ссылка на github-проект: https://github.com/Katerina-PROFRONTE...
Мой телеграм-канал: https://t.me/katerina_profrontend

P. S. Сделала игру такой, какой помню её из детства, но, оказывается, в оригинальной версии была ещё одна фишка. Вопрос для тех, кто играл — какой ещё механики не хватает в текущей реализации? 😉

00:00:00 - Вступление
00:01:04 - Подготовленный проект
00:02:09 - Создаём игровое поле
00:08:56 - Отрисовываем игровое поле
00:11:44 - Раскрываем ячейки
00:17:38 - Завершение игры
00:19:39 - Предполагаем наличие потенциальной мины
00:21:53 - Итоги!

P.S.: Реализация игры, приведённая в видео, не претендует на абсолютную правильность; она была создана с целью обучения тех, кто только начинает свой путь в IT, базовым принципам, а так же для иллюстрации того, что процесс программирования может быть более чем увлекательным! Предложения и идеи по доработке буду рада прочесть в комментариях ниже. 👇🙏

#javascript #frontend #junior #frontenddeveloper #development #learning #study #game #minesweeper #beginner

Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана.

Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.