Веб-компоненты | Web Components
Вставка
- Опубліковано 2 жов 2024
- Веб-компоненты - это набор различных технологий (HTML+JS+CSS), позволяющих создавать пользовательские HTML-элементы с собственной функциональностью
👉 [00:16] что такое веб-компоненты
👉 [00:57] как создать свой компонент
👉 [01:51] JavaScript для компонента
👉 [03:13] как посмотреть теневое дерево
👉 [04:23] слоты
👉 [05:01] стили для компонента
👉 [05:46] повтор основных моментов
👉 [06:13] пример полученного веб-компонента
Пример из видео: codepen.io/htm...
🚀Сайт о веб-компонентах: www.webcompone...
MDN Веб-компоненты: developer.mozi...
🚀Доступное введение в веб-компоненты: learn.javascri...
🚀Фрагмент HTML-спецификации о пользовательских элементах
html.spec.what...
🚀Фрагмент DOM-спецификации о теневом дереве DOM
dom.spec.whatw...
Пример веб-компонента из видео: codepen.io/htmllabru/pen/GRzEoBq
Спасибо большое за ваш труд ,за то ,что щедро и бескорыстно делитесь знаниями !!!!!!!
Можно пожалуйста код еще быстрее? Очень медленно
Очень хорошая тема
очень полезный канал , спасибо
В проде вообще кто то уже начал использовать такие компоненты? или это еще за горами ?
да юзают. например,с админки виводишь тектовий контент, типа сео текст. ето делается через "штуку" в которую можно писать теги. вот туда можно вписать свой компонент, например кнопку которая используется в твоем фреймворке.
Встречал в разметках сайтов UA-cam и Adobe, в свою работу пока не включил. Если встретите примеры в проде, напишите плиз
Напишите название, когда встретите. В Codemirror, Ace, Monaco и встроенном редакторе Wordpress (сейчас посмотрел) к сожалению пока такого нет.
@@HtmllabRu ну кастомний компонент регистрируется не через ети редакторию а как-то глобавльно. а в редактор пишешь просто как тег. главное чтоб его не удаляло как неизвестний
@@HtmllabRu в google docs, скорее всего в телеге
Здравствуйте Алексей, можно как-нибудь связаться по поводу юзерскрипта?
Приветствую! Напишите мне 3992d5c123c8@mail.ru.
п.с. к тг-каналу t.me/htmllab добавил чат t.me/chat2htmllab, можно туда
Мужик мегахорош. Я молодой разработчик, постоянно смотрю статьи, курсы, видео на ютубе по интересующим темам. Всегда раздражает когда лекторы говорят информацию как-будто в вакуоме: без эмоций, без акцентов на какие-либо вещи. Спасибо вам, что быстро и четко дали информацию, пожалуйста продолжайте!
Спасибо за поддержку!
Тааак. Видео, как обычно, понравилось, хотя пришлось отдельно почитать о том, что такое customElements() и всё прочее (так вышло, что фронтендом больше не занимаюсь, но симпатия к нему осталась), а всё же главный вопрос возник и он таков - "а зачем вообще они нужны?". Ну, то есть какое преимущество это даёт перед нативным компонентом или шаблоном?
Рискну высказать мысль, что веб-компоненты помогут структурировать код.
Несколько лет назад React полностью поменял мой взгляд на работу JS в браузере - он помог упорядочить код. А однонаправленный поток распространения данных - отдельная история.
Веб-компоненты (многие об этом говорят и я это понимаю) не являются заменой React. При этом я заинтересовался ими именно по причине, что некоторые вещи можно сделать без React😃
Думаю мы ещё вернёмся к этому вопросу)
Хорош 👍
Алексей, привет! Спасибо за науку.
Дмитрий, приветствую! Спасибо что на связи 👍
@@HtmllabRu 🤝