Веб‑компоненты — это современный подход к созданию переиспользуемых интерфейсных элементов без привязки к конкретным фреймворкам. Этот курс поможет вам глубоко разобраться в стандартах, API и практических техниках, необходимых для разработки собственных кастомных элементов.
Веб-компоненты — это набор технологий, позволяющих создавать инкапсулированные, независимые и легко переносимые элементы интерфейса. Они совместимы с любыми фреймворками или могут использоваться без них, что делает их идеальным выбором для долгосрочных проектов.
Научившись работать с веб-компонентами, вы сможете создавать интерфейсные элементы, которые легко внедряются в проекты на React, Vue, Angular или в нативных приложениях.
Чтобы использовать компонент, достаточно импортировать его модуль и вставить соответствующий HTML‑тег в разметку.
Веб-компоненты можно безболезненно внедрять в проекты любого масштаба, что делает их отличным решением для дизайн‑систем.
Стили в Shadow DOM изолированы и не конфликтуют с глобальными стилями, что обеспечивает предсказуемость внешнего вида.
В финальной части курса вы научитесь разрабатывать кастомные элементы с нуля: от определения класса и структуры DOM до настройки стилей и взаимодействия с внешним окружением.
Мы рассмотрим принципы оптимизации производительности, именования компонентов, инкапсуляции и повторного использования кода.
Видео и материалы этого курса больше недоступны для просмотра.
27 уроков · 4 ч 3 мин
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
