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 Fundamentals

ПОКАЗАТИ ВСЕ

основні теми, що розглядаються на уроці