Видео курс HTML5 Web Components. Псевдо классы и использование импортов - курсы ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

Выбери свою IT специальность

Подписка

×

Вы открыли доступ к тесту! Пройти тест

Вы действительно хотите открыть доступ к тестированию по курсу HTML5 Web Components на 40 дней?

ВИДЕОУРОК №3. Псевдо классы и использование импортов

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

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

Читать дальше...
ПОКАЗАТЬ ВСЕ
основные темы, рассматриваемые на уроке
0:00:26
План урока
0:01:08
Новые псевдоклыссы
0:02:05
Приоритет CSS правил
0:04:45
Псевдокласс host
0:11:40
Работа псевдокласса host с другими псевдоклассами
0:12:55
Псевдокласс host-context
0:16:06
Псевдокласс content
0:17:43
Псевдокласс shadow
0:21:13
Псевдокласс shadow и вложеные Shadow Root
0:23:11
Использование комбинатора /deep/
0:23:53
Псевдокласс unresolved
0:28:18
Импорт JavaScript, CSS, HTML
0:30:40
Правила использования import
0:32:35
Использование import
0:37:29
Свойство currentScript.ownerDocument
0:38:54
Пример работы с currentScript.ownerDocument
0:42:20
Демонстрация применения контента импортов
0:44:05
Обработка событий загрузки импортов
0:45:45
Использование Sub-Import
ПОКАЗАТЬ ВСЕ
Студенты также смотрят
HTML5 & CSS3 Углубленный
ПОДРОБНЕЕ
HTML5 и CSS3 Базовый
ПОДРОБНЕЕ
HTML5 и CSS3 Стартовый (2018)
ПОДРОБНЕЕ

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Премиум Plus
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
  • Скачивание видео уроков
199.99 $
Оформить подписку
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку
комментарии и обсуждения
Notification success