Практикум HTML5 и CSS3 Starter
- Главная >
- Каталог практикумов >
- Практикум «HTML5 и CSS3 Starter»
Введение 0/8 задач
Работа с изображениями, таблицами и списками 0/9 задач
CSS3 часть 1 0/9 задач
CSS3 часть 2 0/8 задач
Позиционирование элементов. Виды верстки.
0/7 задач
Семантика HTML5. Новые теги. 0/7 задач
Формы 0/8 задач
Регистрация через
✖или E-mail
Нажав на кнопку «Зарегистрироваться»,
Вы соглашаетесь с условиями использования.
Уже есть аккаунт
Получите курс бесплатно
✖
Вы выбрали курс для изучения
«»
Чтобы получить доступ к курсу, зарегистрируйтесь на сайте.
РЕГИСТРАЦИЯ
Спасибо за регистрацию
✖
Перейдите на почту и подтвердите Ваш аккаунт,
бесплатным урокам и вебинарам на сайте ITVDN.com
ПОДТВЕРДИТЬ ПОЧТУ НАЧАТЬ ОБУЧЕНИЕ
Спасибо за регистрацию
✖
Ваш аккаунт успешно подтвержден.
Начать обучение вы можете через Личный кабинет
пользователя или непосредственно на странице курса.
НАЧАТЬ ОБУЧЕНИЕ
Подтверждение аккаунта
На Ваш номер телефона было отправлено смс с кодом активации аккаунта. Пожалуйста, введите код в поле ввода.
Отправить код еще раз
Изменить номер телефона
Ошибка
✖Изучай «HTML5 & CSS3 Углублённый» бесплатно
С 20 по 27 января на ITVDN проходит акция — вы можете пройти обучение по курсу “HTML5 & CSS3 Углублённый” бесплатно!
Что такое HTML5 & CSS3?
HTML5 и CSS3 являются фундаментальными технологиями, которыми обязан владеть каждый веб-разработчик. Язык гипертекстовой разметки HTML позволяет создать разметку (каркас) каждой веб-страницы, а CSS — язык стилей — преображает сайт, придавая ему привлекательный и эффектный внешний вид.
Хорошее владение HTML и CSS уже позволяет верстать сайты и зарабатывать деньги. Именно с этих двух базовых технологий начинается путь к профессии FrontEnd разработчика.
О курсе “HTML5 & CSS3 Углублённый”
Данный курс предназначен для тех, у кого уже есть базовые знания HTML5 и CSS3. В курсе будут рассмотрены такие темы, как: гибкая верстка, реализации анимаций, использование хранилищ браузера, многопоточность, а также подключение препроцессора и сборщика для отображения кроссбраузерности веб-страницы на различных устройствах.
Автор видео курса — Сергей Патёха, Senior Software Engineer at ITernal Group.
Программа курса:
- Микроданные, геолокация.
- Canvas.
- WebStorage. Audio, Video.
- Принципы построения разметки Flex, Grid.
Шаблоны сайтов.
- Трансформация и анимация. Градиенты.
- Основы SASS.
- Практика.
Предварительные требования
Для понимания курса нужны базовые знания по HTML & CSS, в частности по таким темам:
- основные теги HTML5 и свойства CSS3;
- работа с изображениями, таблицами и списками;
- позиционирование элементов;
- стили для текста;
- формы, метатеги.
Также нужны определенные знания JavaScript, в частности:
- навигация по DOM элементам и модификация DOM дерева;
- работа со свойствами, атрибутами и стилями из JS;
- события в JavaScript;
- функции конструкторы, классы;
- работа с формами и элементами управления, валидация формы;
- Cookies и Web Storage;
- обработка исключений;
- асинхронность;
- сетевые запросы.
Чему вы научитесь на этом курсе:
- Работать с обновленными спецификациями HTML5 & CSS3.
- Применять гибкую и адаптивную верстку (Flex, Grid).
- Настраивать проект с помощью сборщика Gulp, работать с менеджером пакетов npm.
- Придавать динамичность страницам, используя анимации и переходы.
- Понимать основы препроцессора SASS.
После изучения материала курса вы можете пройти онлайн тестирование и получить Сертификат, подтверждающий ваши знания.
Сроки акции
Акция проходит с 20 по 27 января 2022 года включительно. Доступ к курсу открывается на 10 дней.
Введение в курс HTML5 (UMich)
Об этом курсе
192 311 недавних просмотров
Благодаря растущему числу программ кажется, что каждый может создать веб-страницу. Но что, если вы действительно хотите понять, как была создана страница? Существуют отличные учебники и онлайн-ресурсы для изучения веб-дизайна, но большинство этих ресурсов требуют некоторых базовых знаний.
Гибкие сроки
Сброс сроков в соответствии с вашим графиком.
Общий сертификатОбщий сертификат
Получите сертификат по завершении
100% онлайн100% онлайн
Начните сразу и учитесь по собственному графику.
Coursera Labs Coursera LabsВключает практические учебные проекты.
Узнайте больше о Coursera Labs Внешняя ссылкаСпециализацияКурс 1 из 5 в
Веб-дизайн для всех: Основы веб-разработки и специализация по программированию
Часов на выполнение Прибл. 13 часов на выполнение
Английский
Субтитры: арабский, французский, португальский (европейский), итальянский, вьетнамский, немецкий, русский, английский, испанский
Приобретаемые навыки
- Веб-дизайн
- Веб-доступность 90 039 HTML
- Html5
Гибкие сроки
Сброс сроков в соответствии с вашим графиком.
Совместно используемый сертификатСовместно используемый сертификат
Получите сертификат по завершении
100% онлайн100% онлайн
Начните сразу и учитесь по собственному графику.
Coursera LabsCoursera Labs
Включает практические учебные проекты.
Узнайте больше о Coursera Labs Внешняя ссылкаСпециализацияКурс 1 из 5 в специализации
Веб-дизайн для всех: основы веб-разработки и кодирования
Часов для прохожденияПрибл. 13 часов, чтобы закончить
Доступные языкиАнглийский
Субтитры: арабский, французский, португальский (европейский), итальянский, вьетнамский, немецкий, русский, английский, испанский
Преподаватели
Коллин ван Лент, доктор философии.

Лектор
Школа информации
616 013 Учащиеся
11 Курсы
Чарльз Рассел Северанс
90 080 Клинический профессорШкола информации
3 825 335 Учащиеся
56 Курсы
Предлагает
Мичиганский университет
Миссия Мичиганского университета состоит в том, чтобы служить народу Мичигана и всего мира посредством создания, коммуникации, сохранение и применение знаний, искусство и академические ценности, а также в развитии лидеров и граждан, которые бросят вызов настоящему и обогатят будущее.
Отзывы
4.7
Заполненная звездаЗаполненная звездаЗаполненная звездаЗаполненная звездаНаполовину заполненная звезда7099 отзывов
-
5 звезд
78,53%
-
4 звезды
18,30%
-
3 звезды
2,36%
-
2 звезды
0,31%
-
1 звезда
0,48%
ЛУЧШИЕ ОТЗЫВЫ ИЗ ВВЕДЕНИЯ В HTML5 и попрактикуйтесь в HTML5 и его многих компонентах.

by RSO 31 октября 2016 г.
Она была исключительным учителем во всем, но я считаю, что некоторые теги не были подробно объяснены, например тег навигации, о котором она только что рассказала нам, и поэтому мне пришлось искать, как это сделать. использовать его.
Filled StarFilled StarFilled StarFilled StarStarby DRJun 3, 2017
Курс является хорошим стартом, но он мог бы быть лучше с большим количеством материала, позволяющим вам практиковать навыки, представленные каждую неделю, а не самостоятельный подход, который можно было бы сделать без класс.
Filled StarFilled StarFilled StarFilled StarFilled Starот NPM19 мая 2020 г.
Мне очень понравилось все в этом курсе. Я думал, что упражнения/викторины были честными, и инструктор показал мне много вещей, которые пригодятся мне в будущем. Отличный курс, отличный преподаватель!
Просмотреть все отзывы
О веб-дизайне для всех: специализация «Основы веб-разработки и кодирования»
Эта специализация рассказывает о том, как писать синтаксически правильные HTML5 и CSS3, а также о том, как создавать интерактивные веб-приложения с помощью JavaScript. Овладение этим набором технологий позволит вам разрабатывать высококачественные веб-сайты, которые без проблем работают на мобильных устройствах, планшетах и в браузерах с большим экраном. Во время завершающего этапа вы создадите веб-портфолио профессионального качества, демонстрирующее ваш рост как веб-разработчика и ваши знания в области доступного веб-дизайна. Это будет включать вашу способность разрабатывать и реализовывать адаптивный сайт, использующий инструменты для создания сайта, доступного для широкой аудитории, в том числе для людей с нарушениями зрения, слуха, физическими и когнитивными нарушениями.
Часто задаваемые вопросы
Есть вопросы? Посетите Справочный центр для учащихся.
Курс основ HTML5: основы HTML
Перейти к содержимому- Дом
- Обзор
- Курсы
Крейг Шумейкер
В курсе «Основы HTML5» вы узнаете все о новой и обновленной разметке, а также о связанных с ней API-интерфейсах JavaScript, составляющих современный Интернет.
Попробуйте бесплатно
Получить это курс, а также лучшие подборки технических навыков и других популярных тем.
Начало работы
29,00 $
в месяц после 10-дневного пробного периода
Ваша 10-дневная бесплатная пробная версия Standard включает
Курсы под руководством экспертов
Идите в ногу с темпами изменений благодаря тысячам углубленных курсов под руководством экспертов.
Для команд
Предоставьте до 50 пользователям доступ к нашей полной библиотеке, включая этот курс бесплатно на 30 дней
Информация о курсе
Чему вы научитесь
HTML5 — это большая и широкая тема, которая развивалась с годами. В этом курсе «Основы HTML5» вы узнаете о HTML5 от новой и обновленной разметки до связанных API-интерфейсов JavaScript, которые помогают создать современный Интернет. Получив представление о широте, масштабе и истории HTML5, вы узнаете о собственном выборе, веб-формах, мультимедиа, рисовании и API перетаскивания. По мере прохождения этого курса вы узнаете, как работать с устаревшими браузерами и как определять возможности браузера, чтобы ваши веб-приложения могли использовать все преимущества HTML5. После просмотра этого курса вы узнаете, как работать с устаревшими браузерами и как определять возможности браузера, чтобы ваши веб-приложения могли использовать все преимущества HTML5.
Содержание
Введение
67 минут
Поиск частей страницы
15 минут
- Введение 1м
- Образец настройки 1м
- getElementsByClassName 2 м
- querySelector и querySelectorAll 2 м
- querySelectorAll возвращает список узлов 1м
- Итерация NodeList: цикл for 1м
- Итерация NodeList: цикл forEach 1м
- Живой результат от getElementsByClassName 3м
- Статический результат от querySelectorAll 2 м
- Краткое содержание 1м
Работа с пользовательским вводом
44 минуты
- Введение 1м
- Обзор новых элементов 2 м
- Обзор новых элементов (продолжение) 2 м
- Обзор правил проверки 3м
- Новые элементы: демо 6м
- Новые элементы: разметка 6м
- Новые элементы в разных браузерах 4м
- Создание интерактивности с помощью псевдоклассов CSS 5м
- Пользовательские сообщения проверки: демонстрация и разметка 2 м
- Пользовательские сообщения проверки: JavaScript 3м
- Пользовательские правила проверки: демонстрация, разметка и JavaScript 3м
- Модуль Bootstrap: демонстрация и разметка 4м
- Модуль начальной загрузки: JavaScript 3м
- Краткое содержание 0м
Музыка и видео (без плагинов)
21 мин
- Введение 1м
- Аудио форматы 1м
- Форматы видео 2 м
- Основные элементы управления 2 м
- Основные элементы управления (продолжение) 2 м
- Скриптовые элементы управления 10м
- Динамический контент 2 м
- Краткое содержание 1м
Рисование фигур, диаграмм и многого другого
51 мин
- Введение 2 м
- Что такое холст? 1м
- Основы рисования, часть первая 2 м
- Основы рисования, часть вторая 3м
- Рисование прямоугольников 3м
- Порядок действий 1м
- Дуги, текст и градиенты 4м
- Эффекты: Масштаб и вращение 4м
- Эффекты: перевод 3м
- Государственное управление 2 м
- Основы анимации 3м
- Отсечение Введение 1м
- Обтравочный круг 3м
- Отсечение прямоугольника 2 м
- Очистить области отсечения 2 м
- Отсечение несмежных областей 2 м
- Демонстрация: увеличительное стекло 4м
- Демонстрация: Статическая диаграмма 2 м
- Демонстрация: динамическая диаграмма 3м
- Демонстрация: миниатюры видео 3м
- Краткое содержание 1м
Перетащите
32 мин
- Введение 0м
- Обзор событий 2 м
- События в деталях 1м
- Основы: демонстрация и разметка 2 м
- Основы: JavaScript 1м
- Основы: JavaScript (продолжение) 3м
- Селекторы ролей: демонстрация и код 4м
- События: Демо и разметка 2 м
- События: JavaScript 2 м
- Эффекты: демонстрация и разметка 3м
- Эффекты: JavaScript 4м
- Типы: демо и разметка 2 м
- Типы: JavaScript 2 м
- Файловая система: демонстрация и разметка 1м
- Файловая система: JavaScript 2 м
- Краткое содержание 1м
Часто задаваемые вопросы по курсу
Что такое HTML5?
HTML5 — пятая и последняя версия языка разметки, который составляет и описывает структуру и содержимое Всемирной паутины. Это скелет или каркас всех веб-сайтов, и он играет решающую роль в том, что вы видите на любой данной веб-странице.
В чем разница между HTML и HTML5?
Язык гипертекстовой разметки (HTML) относится к основному коду/языку, используемому для создания веб-страниц. HTML5 — это 5-я версия HTML, которая включает в себя более структурированный и логичный синтаксис, чем исходный HTML, и которая, помимо многих других улучшений, более активно поддерживает аудио- и видеоэлементы.
Что я узнаю на этом курсе?
Этот курс по основам HTML5 расскажет вам о:
- История и будущее HTML5
- Структурные элементы HTML5
- Элементы с API — графика, типографика и т. д.
- Веб-компоненты
- Определение особенностей браузеров пользователей
- Работа с устаревшими браузерами
- Использование HTML5 найти определенные части страниц
- Как работать с элементами пользовательского ввода
- Как включить музыку и видео через HTML5
- Многое другое
Есть ли предварительные условия для прохождения этого курса?
Нет! Это курс начального уровня, поэтому он не предполагает никаких предварительных знаний HTML. Просто погрузитесь, обратите внимание и начните учиться использовать HTML5 в своих проектах.
Для кого этот курс?
Этот курс предназначен для всех, кто хочет изучать HTML. Он ориентирован на новичков, но даже более опытные веб-разработчики могут найти большую ценность в том, как HTML5 представлен в этом курсе.
Об авторе
Крейг Шумейкер
Крейг Шумейкер (Craig Shoemaker) — старший разработчик контента Microsoft в группах Azure Container Apps и Azure Static Web Apps. В некоторые дни он создает внутренние инструменты для повышения производительности труда сотрудников Microsoft, а в другие дни создает руководства, которыми пользуются сотни тысяч разработчиков. Кроме того, Крейг является автором бестселлеров Pluralsight и соведущим подкаста Web Rush. Вы можете связаться с Крейгом в Твиттере по адресу @craigshoemaker или присоединиться к беседе в Web Rush https://webrush.io.
Посмотреть другие курсы Крейга Шумейкера
Попробовать бесплатно
Получить это
курс, а также лучшие подборки технических навыков и других популярных тем.
Начало работы
29,00 $
в месяц после 10-дневного пробного периода
Ваша 10-дневная бесплатная пробная версия Standard включает
Курсы под руководством экспертов
Идите в ногу с темпами изменений благодаря тысячам углубленных курсов под руководством экспертов.
Для команд
Дайте до 50 пользователей доступ к нашей полной библиотеке, включая этот курс бесплатно в течение 30 дней
Информация о курсе
Получить доступ сейчас
Зарегистрируйтесь, чтобы получить немедленный доступ к этому курсу и тысячам других, которые вы можете смотреть в любое время и в любом месте.
Отмена Начать бесплатную 10-дневную пробную версию Отмена
С планом Pluralsight вы можете:
С 30-дневным пилотным планом вы можете:
- Доступ к тысячам видео для развития важнейших навыков
- Предоставьте до 50 пользователям доступ к тысячам видеокурсов
- Практика и применение навыков с интерактивными курсами и проектами
- Просмотр данных о навыках, использовании и тенденциях для ваших команд
- Подготовка к сертификации с помощью ведущих в отрасли практических экзаменов
- Измерение уровня владения навыками и ролями
- Согласуйте обучение с вашими целями с помощью путей и каналов
Готовы повысить уровень
всей своей команды?
10
Подписки
Нужно больше подписок? Свяжитесь с отделом продаж.