Веб-компоненты - это набор различных технологий (HTML JS CSS), позволяющих создавать пользовательские HTML-элементы с собственной функциональностью
👉 [00:16] что такое веб-компоненты
👉 [00:57] как создать свой компонент
👉 [01:51] JavaScript для компонента
👉 [03:13] как посмотреть теневое дерево
👉 [04:23] слоты
👉 [05:01] стили для компонента
👉 [05:46] повтор основных моментов
👉 [06:13] пример полученного веб-компонента
Пример из видео:
🚀Сайт о веб-компонентах:
MDN Веб-компоненты:
🚀Доступное введение в веб-компоненты:
🚀Фрагмент HTML-спецификации о пользовательских элементах
#custom-elements
🚀Фрагмент DOM-спецификации о теневом дереве DOM
#shadow-trees