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