Веб-компоненты - это набор различных технологий (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
4 views
301
88
2 months ago 00:37:05 1
А вон ещё !!! Поход за грибами после работы! Чудесный лес с белыми и красноголовиками! Грибной сезон
2 months ago 00:44:59 5
Такого разнообразия грибов мы ещё не собирали! Самый продолжительный поход за грибами. Нашли гриб.
2 months ago 00:34:41 1
Выход за грибами с детьми! Отдохнули всей семьёй в лесу. Белые, лисички, подосиновики ждали грибника
2 months ago 01:07:35 2
Асинхронная обработка данных и ее использование в высоконагруженных проектах // «Highload Architect»
2 months ago 00:01:20 1
Изготовление трубы с замковым элементом с просечкой из ленты на гибочно-прокатном станке
2 months ago 00:32:12 1
Эта нейросеть система для соц.сетей ежедневно создает и публикует уникальный контент!
2 months ago 00:49:11 1
Вебинар о новых разработках на Docsvision от компании RKIT
2 months ago 00:15:18 1
Dr. CABRERA: HAY UNA MÍSTICA QUE INVADE A TODAS LAS RELIGIONES, POR LO TANTO ALGO HAY...
2 months ago 00:05:03 1
Платформа моноблок HIPER: готовое решение по доступной цене
2 months ago 00:25:57 1
Нашли грибные места где никто до нас не ходил. Немного историй. Грибник насобирал ведро грибов.
2 months ago 00:38:22 1
Как такое возможно??? Нашли в этом лесу ассорти грибов: белые, красноголовики, лисички и грузди.
2 months ago 00:03:02 1
Всего ТРИ ингредиента и 10 минут времени! Целая гора вкусных домашних КОНФЕТ готова!
2 months ago 02:50:40 2
Vue3 + Laravel: Большой туториал | Как создать интерактивную таблицу с пагинацией