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

300+ курсов по популярным IT-направлениям

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

Подписка
Подписка

300+ курсов по популярным 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 м
  • Уроков: 3
  • Язык: русский

Что входит в курс

  • 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.
ПОКАЗАТЬ ВСЕ

Отзывы наших студентов

DOU

Отзывы в DOU

4,9/5 - 200 отзывов

Alexandr Zuev
Alexandr Zuev
5/5
Вирішив вивчити Android dev., дуже сподобалися лектори, особливо з курсу Java. Також великим плюсом є те, що ти можеш виконувати домашні завдання та тренуватися на практиці, а потім, навіть, мати якісь роботи у портфоліо. К цьому всьому можна ще отримати сертифікати з пройдених курсів. Раджу усім скористатися такою можливістю увійти в айті), адже курси від ITDVN, дійсно корисні.
Почитать оригинал
Facebook

Отзывы в Facebook

5,0/5 - 707 отзывов

Андрей Тюленёв
Андрей Тюленёв
5/5
Лучший образовательный сайт в русской части интернета. Давно искал курсы по IT технологиям и нашел здесь все! Курсы постоянно обновляются и дополняются. Рекомендую всем! В 2021 году обновилось очень много курсов.Теперь обучение стало еще актуальней!
Почитать оригинал
Google

Отзывы в Google

4,9/5 - 836 отзывов

Дмитро Цюприк
Дмитро Цюприк
5/5
Замечательные курсы от ITVDN. Преподаватели объясняют сложные вещи простым языком. Начал проходить курс JavaScript стартовый, очень понравилось. Буду рекомендовать эту платформу знакомым.
Почитать оригинал
Студенты также смотрят
HTML5 & CSS3 Углубленный
ПОДРОБНЕЕ
HTML5 и CSS3 Базовый
ПОДРОБНЕЕ
HTML5 и CSS3 Стартовый (2018)
ПОДРОБНЕЕ

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

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

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

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

Вопросы и ответы

В чём преимущество онлайн курсов программирования по сравнению с оффлайн?
Какова стоимость обучения?
Сколько времени понадобится, чтобы овладеть программированием?
Сколько времени понадобится, чтобы овладеть IT-специальностью?
С какого курса начинать обучение?
Как управлять своим временем и организовать эффективное онлайн-обучение с тренером?
Есть ли у вас помощь с трудоустройством после окончания обучения?
Возможно ли персональное обучение с тренером ITVDN?
С какого возраста можно учиться на платформе?
Нужны ли знания английского языка для обучения?
Какого уровня можно достичь, пройдя обучение по специальности?
Когда закончится подписка, что дальше? Доступа к урокам не будет?
Суммируются ли скидки на покупку подписки?
В чём преимущество онлайн курсов программирования по сравнению с оффлайн?

Онлайн курсы имеют ряд преимуществ перед оффлайн форматом:

  1. Независимость от локации. Онлайн позволяет учиться где угодно.
  2. Сохранение денег и времени на дорогу. Вы экономите время и деньги с поездок на курсы и обратно.
  3. Онлайн курсы дешевле. Нет нужды в помещении и ноутбуках для студентов, поэтому стоимость ниже.
  4. Удобный темп обучения, постоянный доступ к информации. Обучение в вашем темпе в любом месте 24/7. Также есть доступ к записанным урокам, чего нет в оффлайн формате.
Какова стоимость обучения?

На ITVDN есть 2 формата обучения: Live Online и видео курсы. Цена обучения зависит от выбранного вами способа обучения.

Если вы хотите учиться самостоятельно в формате видео курсов, стоимость обучения составит в среднем 10-15 USD в месяц в зависимости от выбранного вами пакета подписки.

Live Online – это онлайн обучение с тренером в группах вместе с другими студентами. Учеба в данном формате стоит в среднем 6-7 USD за один час.

Сколько времени понадобится, чтобы овладеть программированием?

Зависит от того, сколько внимания программированию вы будете выделять ежедневно, какой именно это язык и какой у вас опыт кодинга. Среднее время на овладение одним языком при условии регулярных занятий хотя бы 2 часа в день:

  • новички – от 3 до 6 месяцев;
  • те, кто имеет базовые знания другого языка – от 1 до 3 месяцев;
  • профессиональные программисты – до 1 месяца.

Самый лучший вариант инвестиции времени – 8 часов ежедневно (20% теории + 80% практики). Больше практики – быстрее овладеете программированием.

Сколько времени понадобится, чтобы овладеть IT-специальностью?

Для овладения IT-специальностью нужно выделить не менее 500 часов, из которых около 100 часов – на просмотр видео уроков или посещение онлайн занятий с ментором, а 400 – на выполнение практических заданий по пройденным темам.

В зависимости от того, сколько времени вы готовы выделять на обучение в день, вы сможете пройти программу за 3-8 месяцев. Если у вас есть определенная база знаний по IT, количество необходимого времени будет меньшим.

Также продолжительность обучения зависит от выбранной вами специальности, поскольку набор технологий, которые вы должны изучить, будет разным.

С какого курса начинать обучение?

Начинать следует с тех, которые содержат в названии слово “Стартовый”. Такие курсы имеют вводный материал для знакомства с языком или технологией.

Если вы планируете учиться по конкретной специальности в формате видео курсов, перейдите на страницу специальности и прокрутите до заголовка “Видео курсы по специальности …”. Ниже будет список видео курсов, отсортированных в порядке необходимости изучения.

Ещё ниже вы найдете Roadmap по специальности – путеводитель, на котором изображены видео курсы в виде дерева, что также легко сориентирует вас в последовательности прохождения курсов.

Как управлять своим временем и организовать эффективное онлайн-обучение с тренером?

Если вы выбираете Live Online обучение с тренером, всё очень просто:

  • посещайте все занятия, вовремя выполняйте д/з;
  • дополнительно смотрите видео уроки на ITVDN;
  • после каждого урока проходите краткое тестирование;
  • практикуйтесь в Интерактивном практикуме;
  • общайтесь с одногруппниками в ходе решения д/з, задавайте вопросы ментору на уроках и вне их;
  • в конце каждого курса сдавайте экзамен на TestProvider (и получайте Сертификаты);
  • в конце всего обучения проходите экзамен по специальности и получите диплом.
Есть ли у вас помощь с трудоустройством после окончания обучения?

Мы имеем специальный раздел – “Вакансии”, который помогает нашим студентам искать первую работу в IT. Детальнее о возможностях и о разделе по ссылке.

А для тех, кто учится онлайн с ментором, у нас дополнительно предусмотрена индивидуальная помощь HR-специалиста по подготовке к трудоустройству с первого дня обучения и до получения первого job-оффера. Она включает в себя помощь в оформлении соцсетей, подготовке резюме, проведении пробного собеседования, предоставлении советов по поиску работы и самопрезентации и т. д.

Возможно ли персональное обучение с тренером ITVDN?

К сожалению, данная услуга ITVDN не предусмотрена, однако вы можете заказать индивидуальную консультацию с нашим ментором. Подробности вы найдете по ссылке.

С какого возраста можно учиться на платформе?

На ITVDN отсутствуют курсы для детей, поэтому комфортный возраст для начала обучения по нашим материалам – от 14 лет.

Нужны ли знания английского языка для обучения?

Никаких требований к вашему уровню английского мы не выдвигаем, поскольку все учебные материалы идут на русском или украинском языках. При этом базовые знания английского будут полезны для комфортного поиска информации в гугле, чтения документаций в интернете и прочего.

Какого уровня можно достичь, пройдя обучение по специальности?

На ITVDN можно пройти полное обучение с нуля до специалиста уровня Trainee/Junior. Если вы уже практикующий разработчик, наши видео курсы помогут углубить ваши знания до уровня Middle.

Когда закончится подписка, что дальше? Доступа к урокам не будет?

После окончания действия вашей подписки доступ к видео курсам, к сожалению, будет закрыт. Однако вы сможете пользоваться теми учебными материалами, которые вы скачали на свой девайс во время обучения.

Суммируются ли скидки на покупку подписки?

Нет, скидки не суммируются.

Notification success