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

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

    Подписка

    Выбери свою 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 $
      Оформить подписку
      Базовый
      • Все видеокурсы на 6 месяцев
      • Тестирование по 16 курсам
      • Проверка 10 домашних заданий
      • Консультация с тренером 60 мин
      89.99 $
      Оформить подписку
      Премиум
      • Все видеокурсы на 1 год
      • Тестирование по 24 курсам
      • Проверка 20 домашних заданий
      • Консультация с тренером 120 мин
      169.99 $
      Оформить подписку
      комментарии и обсуждения
      Notification success
      Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.