Программа курса

Современная верстка: Grid и Flexbox

На этом модуле рассматриваются принципы построения разметки с помощью CSS Grid и Flexbox. Студенты научатся определять сетки, колонки и строки, работать со свойствами контейнеров и отдельных элементов. Курс охватывает вложенные Grid, области Grid и поддержку этих технологий современными браузерами.

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

Модуль посвящен созданию анимаций и работе с градиентами. Студенты освоят свойство transition, научатся создавать переходы и различные виды трансформаций, включая 3D. Особое внимание уделяется совместному использованию трансформаций с переходами и практическому применению градиентов.

Работа с векторной графикой

Этот блок охватывает работу с SVG-графикой на стороне клиента. Участники курса изучат основы SVG, работу с Path и координатами, а также различные возможности работы с фигурами для создания масштабируемой векторной графики.

Canvas: рисование на полотне

Модуль посвящен работе с HTML5 Canvas. Студенты научатся прорисовывать линии, прямоугольные области, кривые и дуги. Курс включает добавление изображений, градиентную заливку, работу с текстом, тенями и прозрачностью, а также трансформацию элементов полотна.

Геолокация и карты

На этом этапе рассматривается работа с геолокацией и интеграция карт на сайт. Участники научатся проверять поддержку геолокации в браузерах, работать с Geolocation API, использовать JavaScript функции для поиска расположения и обратного геокодирования.

Инструменты разработчика: Node.js и Webpack

Модуль знакомит с основами Node.js и Webpack. Студенты научатся создавать проекты, устанавливать пакеты и настраивать запуск проектов с помощью этих современных инструментов веб-разработки.

Препроцессоры: основы Sass

Этот блок посвящен работе с препроцессором Sass. Курс охватывает преобразование Sass в CSS, использование вложенности, переменных, миксинов, интерполяции и условных директив. Студенты научатся импортировать и расширять файлы для эффективной организации кода.

Практическая реализация

Финальный модуль посвящен практической работе - написанию макета страницы с использованием всех изученных интернет-технологий. Студенты применят полученные знания в реальном проекте.

Особенности курса

Курс включает практические занятия с проверкой домашних заданий. Участники получают бесплатный видеокурс для дополнительного обучения. После завершения предусмотрено онлайн тестирование и выдача сертификата.

Что включено

Вечерние занятия

Выдается диплом/сертификат

Реальный проект в портфолио

Сопровождение ментора

HTML5 та CSS3 Advanced

О курсе

Программа курса

Современная верстка: Grid и Flexbox

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

Работа с векторной графикой

Canvas: рисование на полотне

Геолокация и карты

Инструменты разработчика: Node.js и Webpack

Препроцессоры: основы Sass

Практическая реализация

Особенности курса

Что включено

О школе

CyberBionic Systematics

Другие курсы школы

Node.js

C# для професіоналів

React