HTML5 Web Components
ITVDN: курси програмування
Відеокурси з
програмування

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

    Підписка

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

    Підписка

      Про курс

      "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
      • Мова: російська

      Що входить до курсу

      • 3 відео уроків
      • Домашні завдання
      • Тестування
      • Сертифікат
      • Перевірка ДЗ

      ×

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

      Ви дійсно бажаєте відкрити доступ до тестування за курсом HTML5 Web Components на 40 днів?

      Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео

      На першому уроці буде розглянуто технологію 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:47
      Что такое Web Components.
      0:02:06
      Какие проблемы решают Web Components.
      0:02:19
      1 проблема. Слабая семантика.
      0:04:38
      2 проблема. Конфликт стилей.
      0:06:25
      3 проблема. Отсутствие пакетов (No Bundling).
      0:07:22
      4 проблема. Отсутствие шаблонов.
      0:09:52
      5 проблема. Отсутствие стандартов.
      0:10:40
      Что такое Web Components на самом деле.
      0:12:26
      Pollyfills.
      0:13:12
      Последовательность изучения библиотек работающих с Web Components.
      0:14:14
      Шаблоны (Templates).
      0:25:16
      Кастомные элементы (Custom Element).
      0:34:25
      Жизненный цикл пользовательских интерфейсов.
      0:38:46
      Работа Pollyfills.
      0:41:20
      Пример использования Web Components.
      ПОКАЗАТИ ВСЕ
      Студенти також дивляться
      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-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.