Про курс
"HTML5 Web Components" - це відео курс, який буде корисний будь-якому веброзробнику. Він присвячений розгляду набору технологій, що дозволяють створювати повторно використовувані HTML-елементи та шаблони, інкапсулювати частини DOM-дерева та легко підключати сторонні бібліотеки. Все це дозволяє уникнути конфліктів стилів, дублювання коду і прискорить веброзробку. Серед вимог до курсу - знання HTML, CSS та JavaScript.
Чого ви навчитеся за допомогою цього відео курсу:
- Розуміти технології HTML5 Web Components
- Застосовувати зручний інструмент для підключення зовнішніх бібліотек HTML5 Imports
- Вирішувати проблеми, пов'язані з конфліктами стилів, використовуючи Shadow DOM
- Інкапсулювати частини DOM-дерева
- Об'єднувати HTML, CSS і JavaScript код в один документ для подальшого полегшеного розміщення компонентів користувача в додатку
Цей курс входить до спеціальності:
Попередні Вимоги
Знання:
- HTML5
- CSS3
- JavaScript
Ви навчитеся
У цьому відео курсі буде розглянута робота з HTML5 Web Components – набором технологій, які дозволяють створювати повторно використовувані HTML елементи та шаблони, інкапсулювати частини DOM дерева, а також підключати сторонні бібліотеки. Все це дозволяє уникнути конфліктів стилів, дублювання коду і прискорить розробку.
- 2 год 11 хв
- 19.04.2016
- 3
- 22.12.2020
- російська
Що входить до курсу
×
Ви дійсно бажаєте відкрити доступ до тестування за курсом HTML5 Web Components на 40 днів?
На першому уроці буде розглянуто технологію HTML5 Web Components, її головні складові та причини виникнення. Також будуть розібрані деякі класичні завдання, які постають перед веб-розробниками, та методи їх вирішення за допомогою HTML5 Web Components.
У цьому відеоуроці будуть розглянуті наступні теми:
- Що таке Web Components, причини появи.
- Проблеми, які вирішує Web Components.
- Pollyfils.
- Послідовність вивчення бібліотек, що працюють із Web Components.
- Шаблони та Custom elements.
- Життєвий цикл інтерфейсів користувача.
- Приклад використання Web Components.
При розробці інтерфейсу користувача часто виникають проблеми, пов'язані з конфліктами стилів. Використання Shadow DOM дасть можливість позбавитися цих проблем. Також буде показано, як взаємодіяти з Shadow DOM за допомогою JavaScript коду.
Цей відео урок розповість про те, які CSS селектори дозволяють спростити оформлення елементів керування, а також Ви навчитеся з'єднувати JavaScript, HTML і CSS код в один документ, щоб за допомогою імпорту легко розмістити користувацькі HTML компоненти в додатку.
