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

У цьому відеоуроці будуть розглянуті наступні теми:

1. Що таке Web Components, причини появи.
2. Проблеми, які вирішує Web Components.
3. Pollyfils.
4. Послідовність вивчення бібліотек, що працюють із Web Components.
5. Шаблони та Custom elements.
6. Життєвий цикл інтерфейсів користувача.
7. Приклад використання Web Components.

При розробці інтерфейсу користувача часто виникають проблеми, пов'язані з конфліктами стилів. Використання Shadow DOM дасть можливість позбавитися цих проблем. Також буде показано, як взаємодіяти з Shadow DOM за допомогою JavaScript коду.

Цей відео урок розповість про те, які CSS селектори дозволяють спростити оформлення елементів керування, а також Ви навчитеся з'єднувати JavaScript, HTML і CSS код в один документ, щоб за допомогою імпорту легко розмістити користувацькі HTML компоненти в додатку.