HTML5 & CSS3 Углубленный

О курсе

Данный курс является продолжением “HTML5 & CSS3 Essential”. Вы углубитесь в изучение языков верстки HTML5 и CSS3, узнаете о тонкостях работы с ними и дополнительных инструментах, призванных упростить процесс создания страниц. В курсе будут рассмотрены такие темы, как: гибкая верстка, реализации анимаций, использование хранилищ браузера, многопоточность, а также подключение препроцессора и сборщика для отображения кроссбраузерности веб-страницы на различных устройствах.

Читать дальше...

Этот курс входит в специальности:

Frontend Developer Верстальщик сайтов

Предварительные Требования

Знание базовых понятий языка разметки HTML и каскадных стилей CSS
Понимание основных методов работы с объектно-ориeнтированным языком JavaScript

Читать дальше...

Вы научитесь

Работать с обновленными спецификациями HTML5 & CSS3
Применять гибкую и адаптивную верстку (Flex, Grid)
Настраивать проект с помощью сборщика Gulp, работать с менеджером пакетов npm
Придавать динамичность страницам, используя анимации и переходы
Понимать основы препроцессора SASS

Читать дальше...

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

Получить сертификат Для получения сертификата нужно авторизоваться

Сергей Патёха

Front-End Developer

Другие курсы автора

Длительность: 7 ч 44 м
Курс создан: 31.07.2018
Уроков: 7
Обновлен: 01.02.2021
Язык: русский

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

7 видео уроков
Домашние задания
Тестирование
Сертификат
Консультация с тренером
Проверка ДЗ

СМОТРЕТЬ

Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео

Микроданные, геолокация

Материалы урока Домашние задания Тестирование

Цель урока – ознакомление с новыми функциями HTML5, а именно с микроданными и пользовательскими атрибутами. Вы познакомитесь с функцией Drag&Drop, которая предназначена для перемещения элементов на странице. Автор расскажет об объекте navigator и его свойстве geolocation. Также вы изучите параметры, которые необходимы для получения функций доступа карты на страницу через JS код.

Читать дальше...

Материалы урока Домашние задания Тестирование

Цель урока – ознакомление с элементом HTML5 – canvas. Выучить основные атрибуты и правила разметки. Рассмотреть контур холста и систему координат. Выучить основные параметры прорисовки элементов, вариантов заливки, визуализации кривых и написание текста на canvas.

Читать дальше...

WebStorage. Audio. Video

Материалы урока Домашние задания Тестирование

Цель урока – ознакомление с элементом HTML5 – localStorage, sessionStorage. Выучить основные принципы работы с хранилищами. Использование WebWorkers для подключения дополнительных потоков данных на страницу. Научиться использовать дополнительные функции и свойства аудио и видео элементов HTML5.

Читать дальше...

Принципы построения разметки Flex, Grid. Шаблоны сайтов

Материалы урока Домашние задания Тестирование

Цель урока – ознакомление с режимами разметки страниц CSS3 flexBox и Grid. Выучить основные принципы работы с адаптивной разметкой. Использование сеток для контролируемого отображения элементов на странице.

Читать дальше...

Трансформация и анимация, Градиенты

Материалы урока Домашние задания Тестирование

Цель урока – ознакомить студентов с новыми возможностями CSS3 –трансформациями и переходами. Обозначить различие между переходом и анимацией. Разобрать как использовать анимацию на странице вместе с трансформацией. Выучить понятие градиента и научиться его применять в стилях.

Читать дальше...

Основы SASS

Материалы урока Домашние задания Тестирование

Цель урока – ознакомление с препроцессором SASS. Установка его в рабочее приложение, подключение и компиляция. Знакомство со сборщиком Gulp и установка node.js для использования пакетного менеджера.

Читать дальше...

Практика

Материалы урока Домашние задания Тестирование

Цель данного урока – продемонстрировать слушателям реализацию готового адаптивного сайта, с подключенным препроцессором SASS и системой сборки GULP.

Читать дальше...

ПОКАЗАТЬ ВСЕ

основные темы, рассматриваемые на уроке

0:02:59

Микроданные

0:04:05

Пользовательские атрибуты данных

0:05:31

Работа с микроданными

0:16:05

Функция Drag&Drop

0:26:02

Геолокация. Источники информации

0:28:09

Ошибки Geolocation API

0:29:08

Работа с геолокацией

ПОКАЗАТЬ ВСЕ

Студенты также смотрят

HTML & CSS

Автор: Александр Петрик

ПОДРОБНЕЕ

HTML5 и CSS3 Базовый

Автор: Дмитрий Охрименко

ПОДРОБНЕЕ

HTML5 и CSS3 Стартовый

Автор: Владимир Виноградов

ПОДРОБНЕЕ

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

Все видеокурсы на 3 месяца
Тестирование по 10 курсам
Проверка 5 домашних заданий
Консультация с тренером 30 мин

Все видеокурсы на 6 месяцев
Тестирование по 16 курсам
Проверка 10 домашних заданий
Консультация с тренером 60 мин

Все видеокурсы на 1 год
Тестирование по 24 курсам
Проверка 20 домашних заданий
Консультация с тренером 120 мин

комментарии и обсуждения

Notification success

Мы используем cookie-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.