HTML5 Web Components

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

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

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

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

Frontend Developer

Другие курсы по HTML & CSS:

HTML & CSS HTML5 & CSS3 Углубленный HTML5 и CSS3 Базовый HTML5 и CSS3 Стартовый

О курсе

Курс создан: 19.04.2016
Длительность: 2 ч 11 м

Обновлен: 22.12.2020
Уроков: 3

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

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

Обучение с тренером

Хотите учиться в группе с наставником?
Смотрите Live Online обучение на ITVDN

ВИДЕОУРОК №1. Введение в Web Components

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

Войти Регистрация

Список видеоуроков

1 free

Введение в Web Components

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

0:53:50

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

TypeScript Fundamentals

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

1 0:00:47

Что такое Web Components.

2 0:02:06

Какие проблемы решают Web Components.

3 0:02:19

1 проблема. Слабая семантика.

4 0:04:38

2 проблема. Конфликт стилей.

5 0:06:25

3 проблема. Отсутствие пакетов (No Bundling).

6 0:07:22

4 проблема. Отсутствие шаблонов.

7 0:09:52

5 проблема. Отсутствие стандартов.

8 0:10:40

Что такое Web Components на самом деле.

9 0:12:26

Pollyfills.

10 0:13:12

Последовательность изучения библиотек работающих с Web Components.

11 0:14:14

Шаблоны (Templates).

12 0:25:16

Кастомные элементы (Custom Element).

13 0:34:25

Жизненный цикл пользовательских интерфейсов.

14 0:38:46

Работа Pollyfills.

15 0:41:20

Пример использования Web Components.

Описание видеоурока

Титры видеоурока

Скачать материалы

Рекомендуемая литература

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

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