HTML5 & CSS3 ADVANCED

HTML5 & CSS3 ADVANCED HTML5 & CSS3 ADVANCED

Год выпуска: 2018
Производитель: ITVDN
Сайт производителя: https://itvdn.com/ru/video/html-css-advanced
Автор: Патёха Сергей
Продолжительность: 07:45:15
Тип раздаваемого материала: Видеоурок
Язык: Русский
Описание: Курс состоит из 7 уроков, на которых учащиеся смогут ознакомиться с новыми функциями HTML5 & CSS3. Студенты рассмотрят возможность использования гибкой верстки, реализации анимации, использование хранилищ браузера и многопоточности, а также подключения препроцессора и сборщика для отображения кроссбраузерности веб-страницы на различных устройствах.

Содержание
Урок 1: Введение, микроданные и пользовательские данные. Геолокация * Рассмотрение значения и применения микроданных в разметке.
* Добавление пользовательских данных и работа с ними.
* Возможность переноса элементов на странице.
* События переноса.
* Знакомство с Geolocation API.
* Методы для нахождения местоположения.
* Работа с объектом Coords.
* Применение Google Maps.
* Настройка обратного геокодирования.
Урок 2: Саnvas * Введение в Canvas.
* Прорисовка фигур.
Заливка и очистка.
* Прорисовка текста.
* Использование прозрачности и шаблонов.
* Градиенты в Canvas.
* Рассмотрение примеров.
Урок 3: Хранение данных на стороне клиента. Audio, Video * Знакомство с WebStorage..
* Сравнение WebStorage и Cookie.
* Знакомство с многопоточностью.
* WebWorker и AJAX.
* Настройка Audio на странице. Добавление пользовательских элементов управления.
* Настройка Video на странице. Добавление пользовательских элементов управления.
Урок 4: Принципы построения разметки, Flex, Grid, Шаблоны сайтов * Знакомство с FlexBox model.
* Понятие осей Flex.
* Определение Grid разметки.
* Понятие величины fr.
* Жадность элементов, отступы.
* Ряды/колонки.
Урок 5: Анимации и градиенты * Понятие переходов в CSS3.
* Виды переходов состояний.
* Трансформации.
* Трансформации в сочетании с переходами.
* Трансформации 3d.
* Анимации. Свойство Keyframes.
* Линейный градиент.
* Радиальный градиент.
* Повторяющиеся градиенты.
Урок 6: Основы SASS * Понятие препроцессора.
* Синтаксис SASS.
* Знакомство с Node.js, npm, Gulp.
* Установка функций Gulp.
* Компиляция SCSS и SASS в CSS.
* Переменные.
* Миксины.
* Импорты.
* Наследования.
* Функции for,if,each,while.
Урок 7: Практика. Макет сайта