Верстка сайтов с Flexbox CSS | IT Мероприятия

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

Дата:25 апреля, 2020 г.
Время:11:00-14:00
Ведущий:Виталий Мазяр
FrontEnd разработчик, Microsoft Certified Professional
Описание:

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 гривен.