Видео курс HTML5 Web Components - видео уроки ITVDN
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 Стартовый
      ПОДРОБНЕЕ
      Пакеты подписки с доступом ко всем курсам и сервисам

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

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