No video

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

  Рет қаралды 5,787

Александр Дудукало

Александр Дудукало

Күн бұрын

В этом видео разбираемся, как использовать dataset и data атрибуты в Javascript и HTML. Также показываю простые примеры работы с ними.
👁‍🗨 Телеграм канал: t.me/frontend_du2
👁‍🗨 Discord сервер: / discord
👁‍🗨 VK: frontend
👁‍🗨 Дзен: dzen.ru/fronte...
👁‍🗨 Rutube: rutube.ru/chan...

Пікірлер: 65
@weekendshow7567
@weekendshow7567 4 ай бұрын
Классное объяснение, которого не было в KZfaq ❤
@midnightstar_zoriana
@midnightstar_zoriana Жыл бұрын
Спасибо. Смотрю каждый день. Ваш канал - учебник!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за поддержку комментариями ) Они очень помогают каналу и моему настроению ) Очень приятно
@web-impuls
@web-impuls Жыл бұрын
Отличное объячснение Александр!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш отклик и поддержку ) Буду стараться продолжать в том же духе :)
@user-gg8ke5ul3u
@user-gg8ke5ul3u Жыл бұрын
Александр спасибо! JSON! JSON! JSON! Требуем JSON!)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за идею для видео. Вы сподвигли меня на запись видео. Уже на канале :) kzfaq.info/get/bejne/l6mHdLyI3t_Rp3U.html
@CatWoman-sr4pk
@CatWoman-sr4pk 8 ай бұрын
Интересное видео, оказывается у data атрибутов гораздо шире функционал, чем я думала. Спасибо за видео😃
@alex_dudukalo
@alex_dudukalo 8 ай бұрын
Спасибо за ваш комментарий 🤗 рад, что видео оказалось вам полезно 🔥
@valeria23333
@valeria23333 Жыл бұрын
Александр, спасибо, разобралась
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам. Приятно, что ролик помог разобраться в теме ))
@Blood-Saw
@Blood-Saw Жыл бұрын
Спасибо! Понятно и доступно! Интересно посмотреть про scss, как правильно с ними работать в проекте сайта совместно с grid.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :) Тема препроцессоров давненько просится занять свое место на канале )) Мечтаю скорее снять )
@v-logvinov
@v-logvinov Жыл бұрын
Спасибо за очередное видео🎉
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Рад вамшему комменту и поддержке :)
@user-wu7yl1bt8c
@user-wu7yl1bt8c Жыл бұрын
Реально полезный атрибут, и видео. Лойк Санчезу =))))
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, думаю в практике написания кода он вам пригодится :) Спасибо за комментарий )
@a.k.9386
@a.k.9386 Жыл бұрын
Как всегдавеликолепно!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо :)
@AntonioBenderas
@AntonioBenderas Жыл бұрын
Спасибо, Александр. Годный контент пилишь
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам. Надеюсь будете пользоваться дата атрбутами на практике :)
@Ilfoivleip
@Ilfoivleip Жыл бұрын
Лайк авансом! Спасибо!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за доверие )) Надеюсь информация будет полезной :)
@ankub7835
@ankub7835 Жыл бұрын
Приятная манера выдачи и максимально понятный пример, спасибо большое 😊
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо большое 😊 надеюсь и другие видео курса Вам понравятся
@taurecord.
@taurecord. Жыл бұрын
Рахмет большой
@Denik-is6gi
@Denik-is6gi Жыл бұрын
Спасибо за такое видео. Думал вроде знаком с этим, что там может быть такого. Посмотрел и как всегда увидел новое применение и свойственное вам, упрощение кода (такая мелочь, а оператора ++ практически и не замечал кроме как для циклов). В общем высоко о себе думал)) Еще раз благодарность! И да, про JSON будет полезно.)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Приятно, что из такой простой темы можно узнать полезное. Думаю data атрибуты вам пригодятся, а оператор ++ сделает ваш код короче )
@andreypavlukov1192
@andreypavlukov1192 Жыл бұрын
Еще не начал курс ДжаваСкрипт, но обязательно посмотрю это видео когда начну, лайк подписка😊
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Я очень надеюсь, что это вам не запутает. JS - крутой инструмент. Надеюсь при изучении ролики на канале вам помогут )
@user-zo6rp1xn8i
@user-zo6rp1xn8i Жыл бұрын
Александр, ОГРОМНОЕ спасибо!!! Многое открыла для себя впервые. И да, хотим про метод forEach узнать поподробнее!!!
@user-lm9ee1gn5p
@user-lm9ee1gn5p Жыл бұрын
Спасибо, Александр, как всегда очень полезно 👍
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам) Очень надеюсь, что тема пригодится на практике )
@dexter9301
@dexter9301 Жыл бұрын
Спасибо, Александр! Очень доступно!
@user-gv7km2vz1r
@user-gv7km2vz1r 10 ай бұрын
Спасибо за урок 😄.
@alex_dudukalo
@alex_dudukalo 9 ай бұрын
Спасибо за обратную связь 🔥
@andreyfedyukin8360
@andreyfedyukin8360 Жыл бұрын
Спасибо 👍
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо вам за регулярную поддержку)
@nickp5183
@nickp5183 Жыл бұрын
спасибо! хорошее и понятное видео по дата атрибутам
@user-mg4ds2pr5i
@user-mg4ds2pr5i Жыл бұрын
Александр, спасибо за работу! Удачи в развитии канала. Хочется больше видео по всем темам JS
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам, что вы оставляете комментарии. Это правда помогает каналу. Я слежу за статистикой и вижу рост) Меня радует. А это значит, видео будет больше :)
@khayakhaya2953
@khayakhaya2953 Жыл бұрын
Супер! Спасибо большое! Очень нужная тема 👍
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за вашу поддержку. Мне это помогает и мотивирует работать )
@user-th4gy4sz8j
@user-th4gy4sz8j Жыл бұрын
Очень полезно, я учу js👍
@alex_dudukalo
@alex_dudukalo 11 ай бұрын
Спасибо за ваш комментарий 😊
@sergius_yo
@sergius_yo Жыл бұрын
Отличное видео, спасибо, Александр! Конечно, сделайте видео по JSON
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за поддержку. Обязательно подготовлю для вас ролик про JSON. Скоро будет :)
@user-yg8nn9vp1w
@user-yg8nn9vp1w Жыл бұрын
Александр, привет. Как всегда все просто и понятно, как база знаний обновлять свои мозги периодически смотря ваши видео. Кстати былоб классно, чтобы иногда вы не говорили сразу ответ, либо сказать что поставьте паузу и подумайте что покажет алерт, в вашем примере если указать один атрибут у элемента. Буквально 3 секунды и потом ответ верно undefined. Как задача вообщем. По типизации, мне очень нравятся сам js Былоб круто если вы снимали ролики и по типизации при помощи TypeScript. Про json рад посмотреть видео. У меня сейчас как раз задача на работе была, по переводу сервиса с русского на английский, есть такая библиотека react-ii18next, там как раз будет много данных в одном json чтобы динамически менять язык сервиса и формат данных в json, пришлось разбивать json файлы на компоненты и потом их спредить. В общем рад посмотреть что можно ещё с json, как коментить как соединять, и всякие примочки.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, приятно, что вы еще со мной на канале и смотрите ролики :) Спасибо за ваш комментарий, да хорошая идея на счет паузы для раздумия. Буду это применять ) По TypeScript думаю тут нужен отдельный плейлист для этого. Я бы хотел сначала немного погрузиться в VUE. Рассказать о нем на канале ) И думаю потом начну TypeScript. По JSON много вопросы. Обычно, в тему. JSON входит информация о самом формате, для чего он и как его преобразовывать и парсить. В вашем случае я думаю речь шла о обработке уже преобразованных из JSON данных в массивы и объекты. Обработка данных - это большая тема. Думаю для этого тоже нужен отдельный плейлист ) На будущий год есть планы на запись роликов. Надеюсь, получится интересно :)
@alla6361
@alla6361 6 ай бұрын
Спасибо!
@user-lm9ee1gn5p
@user-lm9ee1gn5p Жыл бұрын
Видео по JSON : за, только это вообще темный лес лично для меня 😅
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да да, JSON и localStorage - то что я планирую в скором времени сделать :) Спасибо
@user-rs6lw1xs6s
@user-rs6lw1xs6s Жыл бұрын
Очень хорошо.Мне хотелось сказать что на телефонах с маленькими экранами очень мелко видно сторк. В следующем видео сделайте пожалуйста увеличение строк в несколько раз
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за полезнейшее замечание. Следующие видео буду делать крупнее (шрифт) Исправимся :)
@AntonioBenderas
@AntonioBenderas Жыл бұрын
11:15 мы хотим видео по JSON
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да да, уже готовлю эту тему :) Спасибо вам за наводку
@baron2272
@baron2272 11 күн бұрын
Не могли бы вы рассказать как вывести графический файл с помощью data-атрибута?
@megabulk
@megabulk Жыл бұрын
Да. Эти атрибуты - реально классная штука! Александр, а не подскажите, какую замену можно подобрать методу endsWith, чтобы можно было использовать регулярки?
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий, мне это очень помогает. Сильно в эти методы не углублялся, но возможно обычный substring вам поможет. Но боюсь тут без дополнительного условия не обойтись :)
@Alexandrov_tv
@Alexandrov_tv Жыл бұрын
cool
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам
@TONY_BERG_MINSK
@TONY_BERG_MINSK Жыл бұрын
Ком для продвиж
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо )) Пусть видео смотрится и лайкается))
@dimayudin6945
@dimayudin6945 Жыл бұрын
Используйте getAttribute()
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, так тоже можно делать, но у dataset есть свои преимущества :)
Lehanga 🤣 #comedy #funny
00:31
Micky Makeover
Рет қаралды 30 МЛН
Before VS during the CONCERT 🔥 "Aliby" | Andra Gogan
00:13
Andra Gogan
Рет қаралды 8 МЛН
طردت النملة من المنزل😡 ماذا فعل؟🥲
00:25
Cool Tool SHORTS Arabic
Рет қаралды 14 МЛН
小丑把天使丢游泳池里#short #angel #clown
00:15
Super Beauty team
Рет қаралды 45 МЛН
Пользовательские data-атрибуты в HTML, CSS и JavaScript
12:25
Михаил Непомнящий
Рет қаралды 10 М.
JSON формат и localStorage в Javascript - разбор
41:37
Александр Дудукало
Рет қаралды 10 М.
Валидация формы на чистом Javascript
34:01
Александр Дудукало
Рет қаралды 29 М.
Фильтрация массива объектов Javascript
23:38
Александр Дудукало
Рет қаралды 21 М.
Основы Touch событий на JavaScript. JavaScript v.2.0
20:02
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 25 М.
How to use the DATA attribute with JavaScript, HTML and CSS.
10:10
iEatWebsites
Рет қаралды 14 М.
Frontend Собеседование с разбором. Путь к трудоустройству 2024
41:18
Lehanga 🤣 #comedy #funny
00:31
Micky Makeover
Рет қаралды 30 МЛН