Веб-компоненты | Web Components
Веб-компоненты - это набор различных технологий (HTML+JS+CSS), позволяющих создавать пользовательские HTML-элементы с собственной функциональностью
👉 [00:16] что такое веб-компоненты
👉 [00:57] как создать свой компонент
👉 [01:51] JavaScript для компонента
👉 [03:13] как посмотреть теневое дерево
👉 [04:23] слоты
👉 [05:01] стили для компонента
👉 [05:46] повтор основных моментов
👉 [06:13] пример полученного веб-компонента
Пример из видео: https://codepen.io/htmllabru/pen/GRzEoBq
🚀Сайт о веб-компонентах: https://www.webcomponents.org/
MDN Веб-компоненты: https://developer.mozilla.org/ru/docs...
🚀Доступное введение в веб-компоненты: https://learn.javascript.ru/web-compo...
🚀Фрагмент HTML-спецификации о пользовательских элементах
https://html.spec.whatwg.org/multipag...
🚀Фрагмент DOM-спецификации о теневом дереве DOM
https://dom.spec.whatwg.org/#shadow-t...
Смотрите видео Веб-компоненты | Web Components онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь htmllab 12 Ноябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,425 раз и оно понравилось 128 людям.