Даша шКодит (v.0.8): подсказки по созданию гамбургер-меню на чистом JS HD
Добрались до написания простого 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-shkodit_translang Стань спонсором канала и получи бонусы: https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5g/join Получи скидку 5% на первую оплату хостинга/домена в Reg.ru, используя промо-код: 948E-53B9-CF98-8204 Он вводится во время оплаты услуги. Не забывай - ты не только получаешь скидку, но и поддерживаешь проект! Присоединяйся к нашему Telegram-чату https://t.me/makewebme Если не работает, то http://makeweb.me/telegram-mw-1 или http://makeweb.me/telegram-mw-2 Или по имени чата в поиске - @makewebme
Похожие видео
Показать еще