Верстка сайтов с Flexbox CSS

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

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

Основные преимущества flexbox:

• Блоки легко становятся гибкими, элементы могут сжиматься и растягиваться, заполняя пространство.
• Нет никаких проблем с тем, чтобы выровнять элементы по вертикали и горизонтали.
• Неважно, в каком порядке расположены HTML-элементы. Вы можете изменить их порядок через CSS.
• Элементы могут самостоятельно выстраиваться в ряд или образовывать столбец.

Цель тренинга – научить вас работать с этим незаменимым и очень удобным инструментом.

Вы получите знания, которые помогут вам создавать универсальные одностраничные сайты такие как сайт для портфолио, сайт резюме, сайт визитку и т.п.

Вы научитесь размещать любое количество блоков в необходимых местах страницы при разработке простого сайта.  Получив практические знания,  сможете реализовать шаблонные задачи макетов (повторяемых блоков), выполняя их быстро и с легкостью.

Программа тренинга:

1. Основы работы с Flexbox CSS

• Принципы работы флексбоксов Flexbox container, flexbox item-element.
• Влияние на размеры элемента флексбоксами.
• Flexbox управление основным потоком - justify-content.
• Flexbox управление побочным потоком - align-items.
• Flex-direction - указание направления основного потока.

2. Работа с множественными рядами блоков, выстроенных флексбоксами.

•  Разрешить возможность блокам переноса на новый ряд.
• Размещение блоков по побочной оси.
•  Флексэлементы и свойство margin.
• Flexbox возможности по адаптивности.

Продолжительность тренинга – 6 часов (2 занятия по 3 часа)

Даты: 25 и 26 апреля 2020 года

Формат встреч: live online сессии (Zoom)

Стоимость – 1200 гривен.