Хватит дублировать код! Разберем, как оптимизировать JavaScript код. Сделаем его универсальным.

YOUTUBE · 01.12.2025 09:35

Ключевые темы и таймкоды

Оптимизация модальных окон

0:01
  • Автор рассказывает о том, как сделать модальные окна более функциональными и оптимизированными на примере трех окон: галерея автомобиля Mercedes-Benz, история Mercedes-Benz и карта производства автомобиля по миру.
  • Автор объясняет, как использовать стрелочные функции и переменные для создания функции, которая будет обрабатывать все модальные окна.

Работа с кнопками

2:38
  • Автор объясняет, как использовать классы для кнопок и как обрабатывать события кликов на них.
  • Автор также объясняет, как использовать функцию "if" для закрытия модального окна при нажатии на любое пространство, кроме его тела.

Объявление функций

6:05
  • Автор объясняет, как объявлять функции внутри константы и передавать классы кнопок, оболочки и крестика в качестве аргументов.
  • Автор демонстрирует, как использовать функцию для открытия и закрытия модальных окон.

Подключение новых модальных окон

10:01
  • Автор объясняет, как подключить новые модальные окна, просто передавая их классы в функцию.
  • Автор завершает урок, призывая подписаться на канал и ставить лайки.