Все курсы в CyberBionic Systematics вы можете проходить удаленно, подключаясь к группе через программу Zoom.
Записаться на курс
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.

Курс HTML5 и CSS3 Advanced

Старт курса
15 июня (19:00-21:00)
Online

4 июля (19:00-21:00)
Online

9 июля (09:00-11:00)
Online

Для кого этот курс

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

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

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

Курс HTML5 и CSS3 Advanced

Старт курса
15 июня (19:00-21:00)
Online

4 июля (19:00-21:00)
Online

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • Drag and drop

    • Progress bar
  • 2
    Canvas
    • Рисование на элементе canvas.

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

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

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

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

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

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

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

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

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

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

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

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

    • Local Storage

    • Session 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
    Практика.
    Написание макета страницы с использованием изученных интернет-технологий

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

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

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

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

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

Сертификат

По прохождению курса

Наличие сертификата Учебного Центра CyberBionic Systematics свидетельствует о Вашем владении новыми знаниями и навыками, а значит, позволяет выгодно выделиться на фоне других кандидатов и увеличивает шансы на успешное трудоустройство или продвижение по карьерной лестнице. Для получения сертификата после окончания обучения, необходимо успeшно пройти тестирование по соответствующему курсу на Testprovider.com

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

Этот курс входит в специальность
Курс из специальности
FrontEnd Developer
Старт обучения по специальности:
15 июня - (09:00-11:00)
Online

15 июня - (19:00-21:00)
Online
Длительность занятий:
2 часа
График::
3 раза в неделю
Продолжительность:
4 мес. / 100 часов
В одной группе:
От 6 до 15 человек

Отзывы наших студентов

HTML5 и CSS3 Advanced
Старт курса
15 июня (19:00-21:00)
Online

4 июля (19:00-21:00)
Online

9 июля (09:00-11:00)
Online
Продолжи
тельность:
14 ч.
Количество уроков:
7 занятий
Стоимость обучения:
2 590 грн.
2 070грн.
Записаться
на курс
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.
Записатися
на пробний урок
Пожалуйста, подождите...
Ваша заявка принята! Менеджер учебного центра свяжется с Вами в ближайшее время.