HTML5 Web Components

О курсе

“HTML5 Web Components” - это видео курс, который будет полезен любому веб-разработчику. Он посвящен рассмотрению набора технологий, позволяющих создавать повторно используемые HTML-элементы и шаблоны, инкапсулировать части DOM-дерева, а также легко подключать сторонние библиотеки. Все это дает возможность избежать конфликтов стилей, дублирования кода и ускорит веб-разработку. Среди требований к курсу - знание HTML, CSS и JavaScript.

Чему вы научитесь с помощью данного видео курса:

Понимать технологии HTML5 Web Components
Применять удобный инструмент подключения внешних библиотек HTML5 Imports
Решать проблемы, связанные с конфликтами стилей, используя Shadow DOM
Инкапсулировать части DOM-дерева
Объединять HTML, CSS и JavaScript код в один документ для дальнейшего облегченного размещения пользовательских компонентов в приложении

Этот курс входит в специальности:

Frontend Developer

Предварительные Требования

HTML5
CSS3
JavaScript

Вы научитесь

В этом видео курсе будет рассмотрена работа с HTML5 Web Components – набором технологий, которые позволяют создавать повторно используемые HTML элементы и шаблоны, инкапсулировать части DOM дерева, а также легко подключать сторонние библиотеки. Все это дает возможность избежать конфликтов стилей, дублирования кода и ускорит разработку.

Скачать материалы курса Для получения материалов курса нужно авторизоваться

Получить сертификат Для получения сертификата нужно авторизоваться

Дмитрий Охрименко

Тренер-консультант, эксперт по построению распределенных и веб-ориентированных приложений.

Другие курсы автора

Длительность: 2 ч 11 м
Курс создан: 19.04.2016
Уроков: 3 из
Обновлен: 22.12.2020
Язык: русский

Что входит в курс

3 видео уроков
Домашние задания
Тестирование
Сертификат
Проверка ДЗ

СМОТРЕТЬ

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

№1

Введение в Web Components

0:42:52

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

На первом уроке будет рассмотрена технология 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

ПОКАЗАТЬ ВСЕ

основные темы, рассматриваемые на уроке