Microsoft Silver Partner
Оформить заявку

Курс - HTML5 и CSS3 Advanced

Изображение к курсу HTML5 и CSS3 Advanced
Курс HTML5 и CSS3 Advanced
Длительность 7 дней / 14 часов
Количество уроков 7

Очное обучение

2240 UAH Записаться

Онлайн обучение

2240 UAH Записаться

Видео обучение

Оформить подписку

Консультации

Записаться
В курсе HTML5 и CSS3 Advanced изучаются технологии, которые позволят вам использовать весь функционал HTML5 в наборе с JavaScript. Вы познакомитесь с такими технологиями, как Flexbox, Grid, также на курсе будут детально рассмотрены основы синтаксиса и семантики, такие элементы, как встроенное аудио и видео, геолокация, элемент Canvas, а также многие другие нововведения HTML5.
• Знание JavaScript
• Знание новой семантической разметки HTML5 и основных атрибутов.
Программисты, верстальщики, web-разработчики.
Урок 1

Введение. Микроданные и пользовательские данные. Геолокация.

• Добавление в разметку микроданных.
• Использование микроданных.
• Добавление в разметку пользовательских данных.
• Доступ к пользовательским данным с помощью JavaScript.
• Управление пользовательскими данными.
• Создание приложения для карты с помощью пользовательских данных.
• Получение основных геолокационных данных.
• Альтернативный способ получения основных геолокационных данных.
• Получение адреса путем обратного геокодирования широты и долготы.
• Преобразование адреса в широту и долготу.
• Drag and drop
• Progress bar

Урок 2

Canvas

• Рисование на элементе canvas.
• Использование эффекта прозрачности.
• Установка размеров «холста».
• Использование градиентов, узоров и стилей линий.
• Добавление на «холст» внешних изображений.
• Настройка цветовых преобразований.
• Использование геометрических преобразований.
• Добавление на «холст» текста.
• Обрезка рисунков на «холсте».
• Добавление эффекта анимации к рисункам на «холсте».
• Рисование графиков на «холсте».
• Сохранение рисунка с «холста» в файле
• Рассмотрение Библиотек Canvas

Урок 3

Хранение данных на стороне клиента. Audio, Video

• Локальное хранилище данных
• Local Storage
• Sesion Storage
• WebWorker
• Добавление НТML5-аудио и управление аудиопотоком.
• Создание аудиопроигрывателя.
• Добавление НТМL5-видео.

Урок 4

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

• Знаковсмтво с технологией CSS Grid Layout
• Grid container
• Grid lines
• Grid track
• Grid cell
• Первый CSS Grid макет
• Display: Flex
• Flex Direction
• Justify Content
• Align Items
• Рассмотрение примеров

Урок 5

Анимации и градиенты

• Масштабирование.
• Поворот.
• Кручение.
• Сдвиг.
• Ключевые кадры.
• Ссылки на keyframe.
• Повторное использование анимации в состоянии hover.
• Практический пример «Создание галереи изображений с помощью HTML5 и CSS3».
• Временные функции.
• Задержка перехода.
• Краткая форма записи.
• Краткая форма записи перехода с задержкой.

Урок 6

Sass основы

• Что такое Sass
• Вложенность
• Переменные
• Математика
• Строки
• Функция или миксин
• Аргументы
• Переменные аргументы
• Заключение

Урок 7

Практика. Макет интернет магазина

Написание макета интернет магазина с использоваием рассмотриных технологий

Пройдя этот курс, вы сможете уверенно применять современные технологии, строить более сложные веб-приложения, используя при этом язык JavaScript, сможете создавать веб-приложения под различные виды устройств. Данный курс расчитан на людей, которые уже имеют начальный уровень знаний HTML5 и CSS3, а также JavaScript.
Check mark Запись в учебный центр Separator Онлайн форма для регистрации
Стационар Полустационар Специальности
Дата начала Дата окончания Время
04.06.2018 12.06.2018 09:00-11:00 Зарегистрироваться
04.06.2018 12.06.2018 11:30-13:30 Зарегистрироваться
04.06.2018 12.06.2018 16:30-18:30 Зарегистрироваться
04.06.2018 12.06.2018 19:00-21:00 Зарегистрироваться
02.07.2018 10.07.2018 09:00-11:00 Зарегистрироваться
02.07.2018 10.07.2018 11:30-13:30 Зарегистрироваться
02.07.2018 10.07.2018 16:30-18:30 Зарегистрироваться
02.07.2018 10.07.2018 19:00-21:00 Зарегистрироваться

Не нашли подходящий курс в расписании? Оформите заявку

Стационар Полустационар Специальности
Дата начала Дата окончания Время
04.06.2018 12.06.2018 09:00-11:00 Зарегистрироваться
04.06.2018 12.06.2018 11:30-13:30 Зарегистрироваться
04.06.2018 12.06.2018 16:30-18:30 Зарегистрироваться
04.06.2018 12.06.2018 19:00-21:00 Зарегистрироваться
02.07.2018 10.07.2018 09:00-11:00 Зарегистрироваться
02.07.2018 10.07.2018 11:30-13:30 Зарегистрироваться
02.07.2018 10.07.2018 16:30-18:30 Зарегистрироваться
02.07.2018 10.07.2018 19:00-21:00 Зарегистрироваться

Не нашли подходящий курс в расписании? Оформите заявку