HTML5 Web Components

ВИДЕОУРОК №2. Shadow DOM

Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео

Материалы урока Домашние задания Тестирование

На первом уроке будет рассмотрена технология HTML5 Web Components, ее главные составляющие и причины возникновения. Также будут разобраны некоторые классические задачи, которые возникают перед веб-разработчиками, и методы их решения с помощью HTML5 Web Components.

В данном видео уроке будут рассмотрены следующие темы:

Что такое Web Components, причины появления.
Проблемы, которые решает Web Components.
Pollyfils.
Последовательность изучения библиотек, работающих с Web Components.
Шаблоны и Custom elements.
Жизненный цикл пользовательских интерфейсов.
Пример использования Web Components.

№2

Shadow DOM

0:34:39

Материалы урока Домашние задания Тестирование

При разработке пользовательского интерфейса часто возникают проблемы, связанные с конфликтами стилей. Использование Shadow DOM даст возможность избавиться от этих проблем. Также будет показано то, как взаимодействовать с Shadow DOM с помощью JavaScript кода.

№3

Псевдо классы и использование импортов

0:53:50

Материалы урока Домашние задания Тестирование

Этот видео урок расскажет от том, какие CSS селекторы позволяют упростить оформление пользовательских элементов управления, а также научитесь соединять JavaScript, HTML и CSS код в один документ, чтобы с помощью импорта легко разместить пользовательские HTML компоненты в приложении.

Следующий курс:

TypeScript Fundamentals

ПОКАЗАТЬ ВСЕ