Data атрибуты в Javascript. Как и для чего?

Поделиться
HTML-код
  • Опубликовано: 14 дек 2022
  • В этом видео разбираемся, как использовать dataset и data атрибуты в Javascript и HTML. Также показываю простые примеры работы с ними.
    👁‍🗨 Телеграм канал: t.me/frontend_du2
    👁‍🗨 Discord сервер: / discord
    👁‍🗨 VK: frontend_du2
    👁‍🗨 Дзен: dzen.ru/frontend_it

Комментарии • 64

  • @weekendshow7567
    @weekendshow7567 2 месяца назад

    Классное объяснение, которого не было в RUclips ❤

  • @midnightstar_zoriana
    @midnightstar_zoriana Год назад +3

    Спасибо. Смотрю каждый день. Ваш канал - учебник!

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо вам за поддержку комментариями ) Они очень помогают каналу и моему настроению ) Очень приятно

  • @web-impuls
    @web-impuls Год назад +2

    Отличное объячснение Александр!

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо за ваш отклик и поддержку ) Буду стараться продолжать в том же духе :)

  • @valeriaiakovleva3961
    @valeriaiakovleva3961 Год назад +1

    Александр, спасибо, разобралась

    • @alex_dudukalo
      @alex_dudukalo  Год назад +1

      Спасибо вам. Приятно, что ролик помог разобраться в теме ))

  • @dexter9301
    @dexter9301 Год назад

    Спасибо, Александр! Очень доступно!

  • @v-logvinov
    @v-logvinov Год назад +3

    Спасибо за очередное видео🎉

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Рад вамшему комменту и поддержке :)

  • @AntonioBenderas
    @AntonioBenderas Год назад +2

    Спасибо, Александр. Годный контент пилишь

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо вам. Надеюсь будете пользоваться дата атрбутами на практике :)

  • @user-wu7yl1bt8c
    @user-wu7yl1bt8c Год назад +1

    Реально полезный атрибут, и видео. Лойк Санчезу =))))

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Да, думаю в практике написания кода он вам пригодится :) Спасибо за комментарий )

  • @CatWoman-sr4pk
    @CatWoman-sr4pk 6 месяцев назад

    Интересное видео, оказывается у data атрибутов гораздо шире функционал, чем я думала. Спасибо за видео😃

    • @alex_dudukalo
      @alex_dudukalo  6 месяцев назад

      Спасибо за ваш комментарий 🤗 рад, что видео оказалось вам полезно 🔥

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p Год назад +2

    Спасибо, Александр, как всегда очень полезно 👍

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо вам) Очень надеюсь, что тема пригодится на практике )

  • @a.k.9386
    @a.k.9386 Год назад +2

    Как всегдавеликолепно!

  • @nickp5183
    @nickp5183 Год назад

    спасибо! хорошее и понятное видео по дата атрибутам

  • @Blood-Saw
    @Blood-Saw Год назад +2

    Спасибо! Понятно и доступно! Интересно посмотреть про scss, как правильно с ними работать в проекте сайта совместно с grid.

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо вам :) Тема препроцессоров давненько просится занять свое место на канале )) Мечтаю скорее снять )

  • @Ilfoivleip
    @Ilfoivleip Год назад +2

    Лайк авансом! Спасибо!

    • @alex_dudukalo
      @alex_dudukalo  Год назад +1

      Спасибо за доверие )) Надеюсь информация будет полезной :)

  • @khayakhaya2953
    @khayakhaya2953 Год назад +1

    Супер! Спасибо большое! Очень нужная тема 👍

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо за вашу поддержку. Мне это помогает и мотивирует работать )

  • @user-gg8ke5ul3u
    @user-gg8ke5ul3u Год назад +1

    Александр спасибо!
    JSON!
    JSON!
    JSON!
    Требуем JSON!)

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо вам за идею для видео. Вы сподвигли меня на запись видео. Уже на канале :) ruclips.net/video/aCWAYWyymwA/видео.html

  • @ankub7835
    @ankub7835 10 месяцев назад

    Приятная манера выдачи и максимально понятный пример, спасибо большое 😊

    • @alex_dudukalo
      @alex_dudukalo  10 месяцев назад

      Спасибо большое 😊 надеюсь и другие видео курса Вам понравятся

  • @user-mg4ds2pr5i
    @user-mg4ds2pr5i Год назад

    Александр, спасибо за работу! Удачи в развитии канала. Хочется больше видео по всем темам JS

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо вам, что вы оставляете комментарии. Это правда помогает каналу. Я слежу за статистикой и вижу рост) Меня радует. А это значит, видео будет больше :)

  • @user-zo6rp1xn8i
    @user-zo6rp1xn8i Год назад

    Александр, ОГРОМНОЕ спасибо!!! Многое открыла для себя впервые. И да, хотим про метод forEach узнать поподробнее!!!

  • @taurecord.
    @taurecord. Год назад +1

    Рахмет большой

  • @user-gv7km2vz1r
    @user-gv7km2vz1r 8 месяцев назад

    Спасибо за урок 😄.

    • @alex_dudukalo
      @alex_dudukalo  8 месяцев назад

      Спасибо за обратную связь 🔥

  • @Denik-is6gi
    @Denik-is6gi Год назад +2

    Спасибо за такое видео. Думал вроде знаком с этим, что там может быть такого. Посмотрел и как всегда увидел новое применение и свойственное вам, упрощение кода (такая мелочь, а оператора ++ практически и не замечал кроме как для циклов). В общем высоко о себе думал)) Еще раз благодарность! И да, про JSON будет полезно.)

    • @alex_dudukalo
      @alex_dudukalo  Год назад +1

      Приятно, что из такой простой темы можно узнать полезное. Думаю data атрибуты вам пригодятся, а оператор ++ сделает ваш код короче )

  • @andreypavlukov1192
    @andreypavlukov1192 Год назад +1

    Еще не начал курс ДжаваСкрипт, но обязательно посмотрю это видео когда начну, лайк подписка😊

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Я очень надеюсь, что это вам не запутает. JS - крутой инструмент. Надеюсь при изучении ролики на канале вам помогут )

  • @alla6361
    @alla6361 4 месяца назад

    Спасибо!

  • @andreyfedyukin8360
    @andreyfedyukin8360 Год назад +1

    Спасибо 👍

    • @alex_dudukalo
      @alex_dudukalo  Год назад +1

      Большое спасибо вам за регулярную поддержку)

  • @sergius_yo
    @sergius_yo Год назад +1

    Отличное видео, спасибо, Александр! Конечно, сделайте видео по JSON

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо вам за поддержку. Обязательно подготовлю для вас ролик про JSON. Скоро будет :)

  • @user-th4gy4sz8j
    @user-th4gy4sz8j 10 месяцев назад +1

    Очень полезно, я учу js👍

    • @alex_dudukalo
      @alex_dudukalo  10 месяцев назад

      Спасибо за ваш комментарий 😊

  • @user-yg8nn9vp1w
    @user-yg8nn9vp1w Год назад +1

    Александр, привет.
    Как всегда все просто и понятно, как база знаний обновлять свои мозги периодически смотря ваши видео.
    Кстати былоб классно, чтобы иногда вы не говорили сразу ответ, либо сказать что поставьте паузу и подумайте что покажет алерт, в вашем примере если указать один атрибут у элемента. Буквально 3 секунды и потом ответ верно undefined. Как задача вообщем.
    По типизации, мне очень нравятся сам js Былоб круто если вы снимали ролики и по типизации при помощи TypeScript.
    Про json рад посмотреть видео.
    У меня сейчас как раз задача на работе была, по переводу сервиса с русского на английский, есть такая библиотека react-ii18next, там как раз будет много данных в одном json чтобы динамически менять язык сервиса и формат данных в json, пришлось разбивать json файлы на компоненты и потом их спредить. В общем рад посмотреть что можно ещё с json, как коментить как соединять, и всякие примочки.

    • @alex_dudukalo
      @alex_dudukalo  Год назад +1

      Здравствуйте, приятно, что вы еще со мной на канале и смотрите ролики :) Спасибо за ваш комментарий, да хорошая идея на счет паузы для раздумия. Буду это применять )
      По TypeScript думаю тут нужен отдельный плейлист для этого. Я бы хотел сначала немного погрузиться в VUE. Рассказать о нем на канале ) И думаю потом начну TypeScript.
      По JSON много вопросы. Обычно, в тему. JSON входит информация о самом формате, для чего он и как его преобразовывать и парсить. В вашем случае я думаю речь шла о обработке уже преобразованных из JSON данных в массивы и объекты. Обработка данных - это большая тема. Думаю для этого тоже нужен отдельный плейлист )
      На будущий год есть планы на запись роликов. Надеюсь, получится интересно :)

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p Год назад +1

    Видео по JSON : за, только это вообще темный лес лично для меня 😅

    • @alex_dudukalo
      @alex_dudukalo  Год назад +1

      Да да, JSON и localStorage - то что я планирую в скором времени сделать :) Спасибо

  • @Alexandrov_tv
    @Alexandrov_tv Год назад +1

    cool

  • @user-rs6lw1xs6s
    @user-rs6lw1xs6s Год назад +1

    Очень хорошо.Мне хотелось сказать что на телефонах с маленькими экранами очень мелко видно сторк.
    В следующем видео сделайте пожалуйста увеличение строк в несколько раз

    • @alex_dudukalo
      @alex_dudukalo  Год назад +1

      Спасибо за полезнейшее замечание. Следующие видео буду делать крупнее (шрифт) Исправимся :)

  • @megabulk
    @megabulk Год назад +1

    Да. Эти атрибуты - реально классная штука! Александр, а не подскажите, какую замену можно подобрать методу endsWith, чтобы можно было использовать регулярки?

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Спасибо за ваш комментарий, мне это очень помогает. Сильно в эти методы не углублялся, но возможно обычный substring вам поможет. Но боюсь тут без дополнительного условия не обойтись :)

  • @AntonioBenderas
    @AntonioBenderas Год назад +1

    11:15 мы хотим видео по JSON

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Да да, уже готовлю эту тему :) Спасибо вам за наводку

  • @ANTON_BERG_MINSK
    @ANTON_BERG_MINSK Год назад +2

    Ком для продвиж

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Большое спасибо )) Пусть видео смотрится и лайкается))

  • @dimayudin6945
    @dimayudin6945 Год назад +1

    Используйте getAttribute()

    • @alex_dudukalo
      @alex_dudukalo  Год назад

      Да, так тоже можно делать, но у dataset есть свои преимущества :)