Вебинар «Адаптивная верстка с Flexbox и Grid» | DevsDay.ru

Вебинар «Адаптивная верстка с Flexbox и Grid»



Ведущий: Ткаченко Анастасия, Frontend Developer.

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

О технологиях:

CSS Flexbox (Flexible Box Layout Module) — модель макета гибкого контейнера — представляет собой способ компоновки элементов, в основе лежит идея оси. Flexbox состоит из гибкого контейнера (flex container) и гибких элементов (flex items). Гибкие элементы могут выстраиваться в строку или столбик, а оставшееся свободное пространство распределяется между ними различными способами.
CSS Grid Layout — система двумерного макета, оптимизированного для дизайна пользовательского интерфейса. Главная идея, лежащая в основе макета сетки, заключается в разделении веб-страницы на столбцы и строки. В образовавшиеся области сетки можно помещать элементы сетки, а управлять их размерами и расположением можно с помощью специальных свойств модуля.
В ходе вебинара будут продемонстрированы возможности этих технологий и преимущества их комбинации на практике (в каком случае какую технологию нам необходимо использовать) для создания адаптивных страниц

План вебинара:

1) Знакомство с технологиями Flexbox и Grid.
2) Создание desktop версии web-страницы.
3) Добавление медиа запросов на страницу для адаптивности.

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

Данный вебинар будет интересен начинающим Frontend разработчикам и верстальщикам, которые уже знакомы с основами HTML5 & CSS3.

Для получения ссылки-приглашения необходима регистрация: itvdn.com/...​ars/register/flexbox-grid


События в IT

Тэги

Front-end вебинар

Ведущий: Ткаченко Анастасия, Frontend Developer. Flexbox и Grid — технологии, которые широко используются в верстке сайтов и существенно упрощают задачи обеспечения адаптивности. О технологиях: CSS Flexbox (Flexible Box Layout Module) — модель макета гибкого контейнера — представляет собой способ компоновки элементов, в основе лежит идея оси. Flexbox состоит из гибкого контейнера (flex container) и гибких элементов (flex items). Гибкие элементы могут выстраиваться в строку или столбик, а оставшееся свободное пространство распределяется между ними различными способами.CSS Grid Layout — система двумерного макета, оптимизированного для дизайна пользовательского интерфейса. Главная идея, лежащая в основе макета сетки, заключается в разделении веб-страницы на столбцы и строки. В образовавшиеся области сетки можно помещать элементы сетки, а управлять их размерами и расположением можно с помощью специальных свойств модуля.В ходе вебинара будут продемонстрированы возможности этих технологий и преимущества их комбинации на практике (в каком случае какую технологию нам необходимо использовать) для создания адаптивных страниц План вебинара: 1) Знакомство с технологиями Flexbox и Grid.2) Создание desktop версии web-страницы.3) Добавление медиа запросов на страницу для адаптивности. Целевая аудитория: Данный вебинар будет интересен начинающим Frontend разработчикам и верстальщикам, которые уже знакомы с основами HTML5 & CSS3. Для получения ссылки-приглашения необходима регистрация: itvdn.com/...​ars/register/flexbox-grid
2020-04-28T00:00:00.0000000
2020-04-28T00:00:00.0000000
Вебинар «Адаптивная верстка с Flexbox и Grid»
?.Trim()
Вебинар «Адаптивная верстка с Flexbox и Grid»
, .