Даша шКодит (v.0.8): подсказки по созданию 🍔 гамбургер-меню на чистом JS

Опубликовано: 10 Январь 2021
на канале: MakeWeb.me

688

Добрались до написания простого JS. В этом видео все подсказки для того, чтобы самостоятельно написать выпадающее меню с использованием нативного JavaScript.

СОДЕРЖАНИЕ:
00:00 Разбираем текущие баги. Проверка адаптивности.
03:32 Приступаем к гамбургеру 🍔 Небольшие прояснения по dev-серверу Webpack.
06:25 Как должен работать наш гамбургер?
07:45 Подсказка по addEventListener. Как использовать для "вешания" обработчиков на DOM-элементы? Меняем стили через JS. querySelector для поиска нод.
14:46 Вынос колбэка в именованную переменную и "отвязка" обработчиков. Отличие addEventListener от onclick.
18:16 Как отследить, что мы кликнули вне какого-то элемента и что-то сделать (click outside)? Погружение и всплытие событий в JS. Разница между target и currentTarget.
23:31 Работа с классами в JS: Node.classList.(add/remove/toggle).

GitHub-репозиторий с проектом: https://github.com/makewebme/dasha-sh...

⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstac...
Телеграм для связи по курсу: @makewebchatme

🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).

💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme