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

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024

ความคิดเห็น • 39

  • @stainerframe7607
    @stainerframe7607 3 ปีที่แล้ว +4

    Пишу комментарий потому что ты топ. Единственный у кого можно черпать инфу для Джуна. Остальные рассчитывают для полных нулей и ничего интересного не увидишь. У тебя же высший пилотаж! Спасибо)

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว

      спасибо большое)

  • @peterparker3794
    @peterparker3794 3 ปีที่แล้ว +1

    повышаю скилл в js с вашей помощью. благодарю за серию роликов про ui компоненты, супер классная практика

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว +1

      Пожалуйста)

  • @anastasiaspiridonova1600
    @anastasiaspiridonova1600 2 ปีที่แล้ว

    Максим спасибо вам, объясняете все так интересно и понятно. Не смогла прослушать данный урок на skillbox потому что там преподаватель объяснял все топорно и без наглядности.

    • @maxgraph
      @maxgraph  2 ปีที่แล้ว

      Пожалуйста)

  • @Сергей-г8г6с
    @Сергей-г8г6с 9 หลายเดือนก่อน

    Большое спасибо! Контент чудный!

  • @АртурИбрагимов-й4б
    @АртурИбрагимов-й4б ปีที่แล้ว

    Спасибо за видео! Очень интересно

  • @АнастасияТитова-в1ю
    @АнастасияТитова-в1ю 3 ปีที่แล้ว +5

    Макс, спасибо, как всегда всё супер!👍 Тоже бы хотела увидеть готовый плагин табов! К твоему плагину уже заочное доверие😉

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว

      Спасибо)

  • @FaYrUsinc
    @FaYrUsinc 3 ปีที่แล้ว +1

    Очень чёткое и понятное объяснение. Спасибо

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว

      Пожалуйста)

  • @kirillshapovalov495
    @kirillshapovalov495 3 ปีที่แล้ว +1

    Огромное спасибо за ваш труд! Продолжайте в том же духе!

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว

      спасибо за такие слова ) продолжаю!

  • @FryFry-rd5sf
    @FryFry-rd5sf 3 ปีที่แล้ว +1

    спасибо за контент) все как всегда на уровне) Ждем плагин для табов)

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว

      Спасибо)

  • @doniyorusmonov152
    @doniyorusmonov152 4 ปีที่แล้ว +4

    ждем видео урок по плагин табов )) спс за урок круто из Ташкента )

    • @maxgraph
      @maxgraph  4 ปีที่แล้ว +1

      спасибо)

    • @TheMmilliard
      @TheMmilliard 3 ปีที่แล้ว

      @@maxgraph да ждем

  • @zaya2868
    @zaya2868 3 ปีที่แล้ว

    🔥🔥🔥

  • @AndroidInstruction
    @AndroidInstruction 4 ปีที่แล้ว

    Огонь

    • @maxgraph
      @maxgraph  4 ปีที่แล้ว

      спасибо)

  • @michaelmyers717
    @michaelmyers717 3 ปีที่แล้ว

    👍😚

  • @tirozit720
    @tirozit720 2 ปีที่แล้ว +1

    А как можно сделать вложенные табы? Типо в табах, есть еще табы. Хотелось бы конечно увидеть плагин по этим табам)

    • @maxgraph
      @maxgraph  2 ปีที่แล้ว

      ну так сходу и не сказать) просто пишите на другие кнопки (вложенные) свои обработчики.

  • @alym.aleksey
    @alym.aleksey 3 ปีที่แล้ว

    Неплохо, но много дублирования одинаковых строчек, но пробовали еще оптимизировать? я сегодня посмотрел штук 10 видео на тему табов, в ютубе лучше вроде не нашел, но смущает 3 уровня вложенности в условиях и довольно много одинаковых строчек.
    upd. На канал подписался, нашел много интересного

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว

      Не пробовал =)

  • @getrogetro7509
    @getrogetro7509 2 ปีที่แล้ว

    Если продублировать такой же блок, то перестает работать. Как пофиксить?

    • @maxgraph
      @maxgraph  2 ปีที่แล้ว

      Видимо надо находить несколько элементов через querySelectorAll

  • @daniilthegunner843
    @daniilthegunner843 3 ปีที่แล้ว

    Привет. Было бы здорово если бы сделал урок о том как сделать увеличение картинки при наведении в определенной фигуре, например в круге или квадрате. То есть не всю картинку просто увеличивать а там где курсор водишь. Ты понял я думаю о чем речь. В магазинах обычно так при наведении.

    • @maxgraph
      @maxgraph  3 ปีที่แล้ว

      Да, понял) ок

  • @googoogle
    @googoogle ปีที่แล้ว

    а как можно анимировать появление контента табов?

    • @maxgraph
      @maxgraph  ปีที่แล้ว

      Есть урок про fadeIn

  • @wic1632
    @wic1632 3 ปีที่แล้ว

    JSON файл и js. Как прочитать полно статей. Как записать - нету. Тема для видео: чтение JSON, преобразование в массив, сохранение измененного массива в файл JSON.

  • @Jokerdanc
    @Jokerdanc 2 ปีที่แล้ว

    Жду плагин для табов, спасибо

    • @maxgraph
      @maxgraph  2 ปีที่แล้ว

      Уже есть))

  • @АндрейМинск-т7щ
    @АндрейМинск-т7щ 7 หลายเดือนก่อน

    че то я как то в конце начал делать сам и сделал короче))
    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)
    }
    }