No video

UI-компоненты №5. Табы на чистом JS

  Рет қаралды 10,488

MaxGraph - cайты как страсть

MaxGraph - cайты как страсть

Күн бұрын

Пікірлер: 39
@stainerframe7607
@stainerframe7607 3 жыл бұрын
Пишу комментарий потому что ты топ. Единственный у кого можно черпать инфу для Джуна. Остальные рассчитывают для полных нулей и ничего интересного не увидишь. У тебя же высший пилотаж! Спасибо)
@maxgraph
@maxgraph 3 жыл бұрын
спасибо большое)
@peterparker3794
@peterparker3794 3 жыл бұрын
повышаю скилл в js с вашей помощью. благодарю за серию роликов про ui компоненты, супер классная практика
@maxgraph
@maxgraph 3 жыл бұрын
Пожалуйста)
@user-dx4cp2gv4z
@user-dx4cp2gv4z 3 жыл бұрын
Макс, спасибо, как всегда всё супер!👍 Тоже бы хотела увидеть готовый плагин табов! К твоему плагину уже заочное доверие😉
@maxgraph
@maxgraph 3 жыл бұрын
Спасибо)
@FaYrUsinc
@FaYrUsinc 3 жыл бұрын
Очень чёткое и понятное объяснение. Спасибо
@maxgraph
@maxgraph 3 жыл бұрын
Пожалуйста)
@user-pf7ht6th8x
@user-pf7ht6th8x 7 ай бұрын
Большое спасибо! Контент чудный!
@kirillshapovalov495
@kirillshapovalov495 3 жыл бұрын
Огромное спасибо за ваш труд! Продолжайте в том же духе!
@maxgraph
@maxgraph 3 жыл бұрын
спасибо за такие слова ) продолжаю!
@anastasiaspiridonova1600
@anastasiaspiridonova1600 Жыл бұрын
Максим спасибо вам, объясняете все так интересно и понятно. Не смогла прослушать данный урок на skillbox потому что там преподаватель объяснял все топорно и без наглядности.
@maxgraph
@maxgraph Жыл бұрын
Пожалуйста)
@doniyorusmonov152
@doniyorusmonov152 3 жыл бұрын
ждем видео урок по плагин табов )) спс за урок круто из Ташкента )
@maxgraph
@maxgraph 3 жыл бұрын
спасибо)
@TheMmilliard
@TheMmilliard 2 жыл бұрын
@@maxgraph да ждем
@user-lx9tw7iz2d
@user-lx9tw7iz2d Жыл бұрын
Спасибо за видео! Очень интересно
@FryFry-rd5sf
@FryFry-rd5sf 2 жыл бұрын
спасибо за контент) все как всегда на уровне) Ждем плагин для табов)
@maxgraph
@maxgraph 2 жыл бұрын
Спасибо)
@zaya2868
@zaya2868 3 жыл бұрын
🔥🔥🔥
@AndroidInstruction
@AndroidInstruction 3 жыл бұрын
Огонь
@maxgraph
@maxgraph 3 жыл бұрын
спасибо)
@michaelmyers717
@michaelmyers717 3 жыл бұрын
👍😚
@tirozit720
@tirozit720 2 жыл бұрын
А как можно сделать вложенные табы? Типо в табах, есть еще табы. Хотелось бы конечно увидеть плагин по этим табам)
@maxgraph
@maxgraph 2 жыл бұрын
ну так сходу и не сказать) просто пишите на другие кнопки (вложенные) свои обработчики.
@alym.aleksey
@alym.aleksey 3 жыл бұрын
Неплохо, но много дублирования одинаковых строчек, но пробовали еще оптимизировать? я сегодня посмотрел штук 10 видео на тему табов, в ютубе лучше вроде не нашел, но смущает 3 уровня вложенности в условиях и довольно много одинаковых строчек. upd. На канал подписался, нашел много интересного
@maxgraph
@maxgraph 3 жыл бұрын
Не пробовал =)
@daniilthegunner843
@daniilthegunner843 3 жыл бұрын
Привет. Было бы здорово если бы сделал урок о том как сделать увеличение картинки при наведении в определенной фигуре, например в круге или квадрате. То есть не всю картинку просто увеличивать а там где курсор водишь. Ты понял я думаю о чем речь. В магазинах обычно так при наведении.
@maxgraph
@maxgraph 3 жыл бұрын
Да, понял) ок
@wic1632
@wic1632 3 жыл бұрын
JSON файл и js. Как прочитать полно статей. Как записать - нету. Тема для видео: чтение JSON, преобразование в массив, сохранение измененного массива в файл JSON.
@googoogle
@googoogle Жыл бұрын
а как можно анимировать появление контента табов?
@maxgraph
@maxgraph Жыл бұрын
Есть урок про fadeIn
@getrogetro7509
@getrogetro7509 2 жыл бұрын
Если продублировать такой же блок, то перестает работать. Как пофиксить?
@maxgraph
@maxgraph 2 жыл бұрын
Видимо надо находить несколько элементов через querySelectorAll
@Jokerdanc
@Jokerdanc 2 жыл бұрын
Жду плагин для табов, спасибо
@maxgraph
@maxgraph 2 жыл бұрын
Уже есть))
@user-bi6ml4wo3y
@user-bi6ml4wo3y 5 ай бұрын
че то я как то в конце начал делать сам и сделал короче)) let activeBtn = document.querySelector('.tabs__btn--active') let activeParent = activeBtn.closest('.tabs__item') if(e.target.classList.contains('tabs__arrow--prev')){ let previousParent = activeParent.previousElementSibling console.log(previousParent) if(previousParent){ let previousPath = previousParent.querySelector('.tabs__btn').dataset.tabsPath tabsHandler(previousPath) } }
UI-компоненты №6. Сохранение корзины в localStorage
38:42
MaxGraph - cайты как страсть
Рет қаралды 7 М.
JS-решения №11. Создание плагина для модальных окон
1:03:42
MaxGraph - cайты как страсть
Рет қаралды 8 М.
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 45 МЛН
The CUTEST flower girl on YouTube (2019-2024)
00:10
Hungry FAM
Рет қаралды 4,8 МЛН
娜美这是在浪费食物 #路飞#海贼王
00:20
路飞与唐舞桐
Рет қаралды 6 МЛН
Parenting hacks and gadgets against mosquitoes 🦟👶
00:21
Let's GLOW!
Рет қаралды 13 МЛН
Рекомендации по верстке сайта. Чеклист верстки
18:42
MaxGraph - cайты как страсть
Рет қаралды 9 М.
UI-компоненты №4. Отправка корзины на почту
46:56
MaxGraph - cайты как страсть
Рет қаралды 10 М.
JS-решения №12. Базовая анимация при скролле на чистом JS
24:19
MaxGraph - cайты как страсть
Рет қаралды 29 М.
UI-компоненты №2. Сетка карточек и фиксированный фильтр
34:11
MaxGraph - cайты как страсть
Рет қаралды 8 М.
Frontend Собеседование с разбором. Путь к трудоустройству 2024
41:18
UI-компоненты №11. Выпадающее меню
19:26
MaxGraph - cайты как страсть
Рет қаралды 9 М.
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 45 МЛН