Меню любой вложенности на JavaScript - 30 строк кода

  Рет қаралды 24,573

WebDev с нуля. Канал Алекса Лущенко

WebDev с нуля. Канал Алекса Лущенко

Күн бұрын

Пікірлер: 62
@alexredcross
@alexredcross 3 жыл бұрын
Спасибо Александр) прошёл курс год назад) уже 8 месяцев работаю PHP+JS разработчиком) но все равно с радостью смотрю видео и даже добавляю себе что-то новое) продолжайте в том же духе, а ещё было бы неплохо возобновить рубрику "JavaScript решает" с новыми интересными задачами)
@itgid
@itgid 3 жыл бұрын
Супер. Я рад за вас
@o_opedro4044
@o_opedro4044 2 жыл бұрын
Как всегда. 👍 Круто...
@Alex-dc2jq
@Alex-dc2jq 3 жыл бұрын
интересное видео! а как сделать так чтобы подменю не сбоку откривалось а внизу и нижние элеметы сдвигались вниз?
@ob7349
@ob7349 Жыл бұрын
А як зробити, щоб при натисканні на лінк, я перенаправилась в потрібну секцію, а меню закрилось ?
@shertskoff6852
@shertskoff6852 3 жыл бұрын
Пойду потренируюсь работать с parent и child. еще про console.dir узнал. Только не понятно, что он по названию тега закрывает? Это же не уникальный элемент
@yannp3358
@yannp3358 3 жыл бұрын
Удачи это садаптивить в 30 строк кода лол))
@gorillsezh3703
@gorillsezh3703 3 жыл бұрын
И чо там адаптивить,это ж выпадашка бургера, как стилизовал как надо и все
@Alexander-tp6gy
@Alexander-tp6gy 3 жыл бұрын
спасибо, очень круто. Не планируете делать подобные небольшие практические проекты на React?
@klubkov
@klubkov 3 жыл бұрын
Какое-то легаси)
@ob5804
@ob5804 Жыл бұрын
Ви сказали, що до subMenu forEach застосувати не зможемо,, бо це не масив, а як би виглядив, в нашому випадку, масив??
@annalipower4830
@annalipower4830 3 жыл бұрын
30 строк кода, попытаемся уместиться в 50 строк, в итоге 26 строк
@itgid
@itgid 3 жыл бұрын
Никогда не знаешь что будет в конце. У самурая нет цели. Только путь
@NanNan-nb4qf
@NanNan-nb4qf Жыл бұрын
Вот через пятьсот лет попробуй найди исходный код по очень удобной ссылке. Проще на луну слетать, чем этот код найти.
@MrFeleven11
@MrFeleven11 Жыл бұрын
Меня больше смущает тот факт что я уже 2 месяца ищу способ написать чит меню и даже этот тутор мне не помог
@Juice544_
@Juice544_ 3 жыл бұрын
можно такую менюшку и без js реализовать, чисто css и чекбоксы)
@Ireile
@Ireile 3 жыл бұрын
Александр в самом начале видео говорит это.
@schprundel2939
@schprundel2939 3 жыл бұрын
чекбоксы на многоуровневом как? будет эффект памяти же - в пункте N дошел по иерархии в 5 уровень вложенности. потом перешел на другой главный пункт и вернулся назад на пункт N-откроется весь прошлый путь вложенности. да и html будет раздуваться. чекбоксы хорошо на 1 уровне вложенности - нажал, показалось вложенное. нажал другой, показалось его вложение
@roman4714
@roman4714 Ай бұрын
Как-то замудренно написано
@Ireile
@Ireile 3 жыл бұрын
Доброго времени суток Александр. Как и всегда познавательное видео.
@romanenkoonline
@romanenkoonline 2 жыл бұрын
Неплохо бы ещё закрыть меню по клику вне блока с навигацией.
@antonbeletsky1277
@antonbeletsky1277 2 жыл бұрын
. item{ display : none; } nav:hover item{ display : block; /* flex */ } и не надо js
@НурханДилдабек-ы7к
@НурханДилдабек-ы7к 3 жыл бұрын
А если просто проверять есть ли дочерний элемент ul? Если есть то не закрывать родительский элемент
@vladyslavvin
@vladyslavvin 3 жыл бұрын
Можно и 1 строкой без js li:hover > ul
@schprundel2939
@schprundel2939 3 жыл бұрын
можно. только тут человек обучает использованию js на примере
@xKUMAxMU
@xKUMAxMU 2 жыл бұрын
пробовал foreach работает и не с масивами а с элементами тоже, прямо с айтемом можно работать
@СергейПресняков-о4р
@СергейПресняков-о4р 2 жыл бұрын
17:50 для коллекции, полученной с помощью querySelectorAll прекрасно работает метод forEach без преобразования в массив с помощью Array.from
@kuzinpeter3365
@kuzinpeter3365 3 жыл бұрын
спасибо, за хороший урок
@alexnoskovarg3844
@alexnoskovarg3844 3 жыл бұрын
Молодец, я сам програмлю, но всегда есть что-то новенькое подчеркнуть для себя, век живи, век учись!!!
@galatavitaliy
@galatavitaliy 3 жыл бұрын
Хотелось бы еще и реализацию мобильного вида меню.
@fordragon9978
@fordragon9978 2 жыл бұрын
Как же вы хороши Александр, спасибо вам большое за урок. я пока новичок в этом деле но очень интересно
@masterng56
@masterng56 2 жыл бұрын
ссылка на исходники ведет просто в Телеграм канал, где я ни чего не нашел ((
@stason5864
@stason5864 2 жыл бұрын
Единственное видео где так подробно и понятно практикуют... Спасибо огромное!
@alexanderalexander7722
@alexanderalexander7722 3 жыл бұрын
Большое СПАСИБО! То что нужно. Побольше бы таких уроков.!
@BrestSouth
@BrestSouth Жыл бұрын
Отличный пример, очень понравилось.
@arcadiibabici7655
@arcadiibabici7655 Жыл бұрын
Спасибо огромное, словно фантастика !
@sergey9784
@sergey9784 3 жыл бұрын
Спасибо. Как всегда доходчиво и понятно!!!
@vadonfit9269
@vadonfit9269 2 жыл бұрын
цсс, в остальном класс
@geroin6294
@geroin6294 3 жыл бұрын
супер!
@beuef1379
@beuef1379 2 жыл бұрын
Отлично, фантастика, спасибо!!!
@dennisfisher2684
@dennisfisher2684 3 жыл бұрын
Александр, огромное спасибо за этот ролик! У меня к вам просьба - пожалуйста, запишите видео, научите, как сделать выпадающее меню на js, только при событии мыши, а не клик. Типа аналог hover. Заранее, спасибо! )
@АлексейСоколов-у3к
@АлексейСоколов-у3к 2 жыл бұрын
Для этого есть css
@АлексейСоколов-у3к
@АлексейСоколов-у3к 2 жыл бұрын
Спасибо за урок)
@davidsulaberidze5978
@davidsulaberidze5978 2 жыл бұрын
Большое спасибо
@ЮрійВовчук-е7ы
@ЮрійВовчук-е7ы 3 жыл бұрын
Олександре, дякую за роз'яснення. Є питання - ви весь час клікаєте по Sub, в яких є вкладене меню. Але якщо клікнути по Link - нічого не відбувається, в консолі отримую null. Як вирішити цей момент? Дякую.
Адаптивный слайдер на JavaScript
23:24
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 70 М.
How To Get Married:   #short
00:22
Jin and Hattie
Рет қаралды 22 МЛН
when you have plan B 😂
00:11
Andrey Grechka
Рет қаралды 67 МЛН
Просто о promise в JavaScript
12:52
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 135 М.
Раскрывающееся дерево (список) на JavaScript
17:14
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 24 М.
CI/CD - Простым языком на понятном примере
15:29
Артём Шумейко
Рет қаралды 40 М.
САРАЙ-АКВАРИУМ В ИПОТЕКУ / СТРОЙХЛАМ
23:35
СтройХлам
Рет қаралды 12 М.
Делаем мультиязычный сайт c JavaScript
24:47
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 63 М.
Программисты-самоучки... Слушайте внимательно.
22:45
Евгений Афанасьев
Рет қаралды 75 М.
JavaScript получаем данные из input, select, checkbox, range, radio, textarea, form
36:49
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 56 М.
How To Get Married:   #short
00:22
Jin and Hattie
Рет қаралды 22 МЛН