Даша шКодит (v.0.8): подсказки по созданию 🍔 гамбургер-меню на чистом JS
Добрались до написания простого 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
