Записаться на курс
Пожалуйста, подождите...
Ваш запрос успешно отправлен!

Курс HTML5 и CSS3 Advanced

Старт курса: 1 июня (09:00-11:00) и 1 июня (19:00-21:00)
Продолжительность:
14 ч.
Количество уроков:
7 занятий
Стоимость обучения:
2590 грн

Форма обучения

Очное обучение
Онлайн обучение
Записаться на курс

Целевая аудитория

Программисты, верстальщики, web-разработчики.

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

• Знание JavaScript
• Знание новой семантической разметки HTML5 и основных атрибутов.

Описание курса
HTML5 и CSS3 Advanced

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

Читать полностью

Содержание курса

Cвернуть
1
Введение. Микроданные и пользовательские данные. Геолокация.
• Добавление в разметку микроданных.

• Использование микроданных.

• Добавление в разметку пользовательских данных.

• Доступ к пользовательским данным с помощью JavaScript.

• Управление пользовательскими данными.

• Создание приложения для карты с помощью пользовательских данных.

• Получение основных геолокационных данных.

• Альтернативный способ получения основных геолокационных данных.

• Получение адреса путем обратного геокодирования широты и долготы.

• Преобразование адреса в широту и долготу.

• Drag and drop

• Progress bar
Читать дальше
Cвернуть
2
Canvas
• Рисование на элементе canvas.

• Использование эффекта прозрачности.

• Установка размеров «холста».

• Использование градиентов, узоров и стилей линий.

• Добавление на «холст» внешних изображений.

• Настройка цветовых преобразований.

• Использование геометрических преобразований.

• Добавление на «холст» текста.

• Обрезка рисунков на «холсте».

• Добавление эффекта анимации к рисункам на «холсте».

• Рисование графиков на «холсте».

• Сохранение рисунка с «холста» в файле

• Рассмотрение Библиотек Canvas
Читать дальше
Cвернуть
3
Хранение данных на стороне клиента. Audio, Video
• Локальное хранилище данных

• Local Storage

• Session Storage

• WebWorker

• Добавление НТML5-аудио и управление аудиопотоком.

• Создание аудиопроигрывателя.

• Добавление НТМL5-видео.
Читать дальше
Cвернуть
4
Принципы построения разметки, Flex, Grid, Шаблоны сайтов
• Знакомство с технологией CSS Grid Layout

• Grid container

• Grid lines

• Grid track

• Grid cell

• Первый CSS Grid макет

• Display: Flex

• Flex Direction

• Justify Content

• Align Items

• Рассмотрение примеров
Читать дальше
Cвернуть
5
Анимации и градиенты
• Масштабирование.

• Поворот.

• Кручение.

• Сдвиг.

• Ключевые кадры.

• Ссылки на keyframe.

• Повторное использование анимации в состоянии hover.

• Практический пример «Создание галереи изображений с помощью HTML5 и CSS3».

• Временные функции.

• Задержка перехода.

• Краткая форма записи.

• Краткая форма записи перехода с задержкой.
Читать дальше
Cвернуть
6
Sass основы
• Что такое Sass

• Вложенность

• Переменные

• Математика

• Строки

• Функция или миксин

• Аргументы

• Переменные аргументы

• Заключение
Читать дальше
Cвернуть
7
Практика.
Написание макета страницы с использованием изученных интернет-технологий
Читать дальше

Что вы получите на курсе

Рабочее место с ноутбуком и учебными материалами

Практические занятия и проверка дз

Бесплатный видеокурс

Онлайн тестирование и сертификация

Записаться на курс

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

FrontEnd Developer

Старт программы: с 10 июня

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

4
Bootstrap 4
5
HTML5 и CSS3 Advanced
6
TypeScript Fundamentals

FrontEnd Developer

Нет ничего сложного в том, чтобы стать web разработчиком.
Эта IT специальность подходит очень разным людям и не требует дополнительной базовой подготовки. Главное – Ваше желание и правильно организованное обучение.
Вам нужен план и наставник. CyberBionic Systematics станет Вашим надежным помощником и даст Вам все возможности стать по-настоящему хорошим специалистом. Мы обучаем разработчиков программного обеспечения с 2008 года, наши выпускники работают в лучших IT компаниях. Они смело рекомендуют нас своим друзьям и знакомым.
Стабильно высокий спрос на frontend разработчиков, достойный уровень оплаты труда, огромный потенциал для творческой самореализации и возможность освоить специальность в очень короткие сроки – вот ключевые преимущества, которые делают эту профессию такой интересной для многих.

ПРЕПОДАВАТЕЛИ КУРСА
 

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

WEB Frontend Developer. Тренер – консультант

 

Александр Гончаренко

Web Frontend Developer. Тренер – консультант.

 

Анна Павлюк

WEB Frontend Developer. Тренер – консультант

 

Дарина Кохно

WEB Frontend Developer. Тренер – консультант

 

Елена Хижняк

WEB Frontend Developer. Тренер – консультант

 

Полина Соколенко

WEB Frontend Developer. Тренер – консультант

 

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

Эксперт по построению распределенных и веб-ориентированных приложений. Сертифицированный специалист Microsoft (MCTS, MCPD, MCT).

HTML5 и CSS3 Advanced
Старт курса: 1 июня (09:00-11:00) и 1 июня (19:00-21:00)
Продолжи
тельность:
14 ч.
Количество уроков:
7 занятий
Стоимость обучения:
2590 грн
Записаться
на курс
Пожалуйста, подождите...
Ваш запрос успешно отправлен!
Описание курса
HTML5 и CSS3 Advanced
В курсе HTML5 и CSS3 Advanced изучаются технологии, которые позволят вам использовать весь функционал HTML5 в наборе с JavaScript. Вы познакомитесь с такими технологиями, как Flexbox, Grid, также на курсе будут детально рассмотрены основы синтаксиса и семантики, такие элементы, как встроенное аудио и видео, геолокация, элемент Canvas, а также многие другие нововведения HTML5.