С 11 по 18 апреля 2023 года на ITVDN проходит акция — вы можете пройти обучение по курсу “CSS Flexbox” бесплатно! Курс на украинском языке!
Что такое Flexbox?
Flexbox (читается как “флексбокс”) призван упростить позиционирование элементов на странице. Он позволяет забыть о проблемах с неудобной ручной настройкой размеров и положения блоков, которая отняла бы у вас кучу времени так и не дав желаемого результата. С помощью технологии флексбокс вы можете задать желаемое поведение всем элементам страницы, прописав минимум кода.
Это особенно удобно при адаптивной и мобильной вёрстках, когда размеры вашей интернет-страницы не фиксированы и меняют свой размер в зависимости от устройства, с которого пользователь зашел на сайт.
Другими словами, это современный инструмент вёрстки, позволяющий быстро создавать сложные гибкие макеты и функции, упрощая решение задач, для которых ранее использовали чистый CSS.
Сегодня флексбоксы очень популярны в использовании и поддерживаются почти всеми современными браузерами.
О курсе “CSS Flexbox”
Автор видео курса — Алексей Кучеренко, FrontEnd разработчик и тренер-консультант учебного центра CyberBionic Systematics.
Вы познакомитесь с общими понятиями и принципами логики работы технологии Flexbox, научитесь применять основные свойства, рассмотрите способы взаимодействия между элементами, увидите, как можно комбинировать медиа-запросы с флексбоксом и как правильно применять эту технологию для создания адаптивных веб-страниц.
В каждом уроке показано поэтапное создание разметки, которая полностью соответствует макету сайта. Будут подробно разобраны способы размещения блоков по горизонтали и вертикали так, чтобы обеспечить их удобное отображение на любых устройствах.
Программа курса:
- Знакомство с Flexbox.
- Верстание трёх секций.
- Изменение потока и медиа-запросы.
- Адаптивная вёрстка сайта.
Для кого этот курс
Курс предназначен прежде всего для начинающих верстальщиков и FrontEnd разработчиков, а также для всех, кого интересует такая технология вёрстки сайтов, как Flexbox. Чтобы освоить флексбоксы, вам необходимо знать языки HTML и CSS на базовом уровне.
Курс входит в комплексные программы обучения по специальностям FrontEnd Developer, Верстальщик сайтов.
Чему вы научитесь на этом курсе:
- Выполнять вёрстку header-a макета и меню в нём.
- Создавать простое меню на сайте с помощью флексбокс технологии.
- Использовать свойства flex-grow и flex-shrink для создания «резиновой» вёрстки.
- Выполнять планшетную и мобильную версии простой страницы без использования дополнительных правил медиа-запросов.
- Понимать функции свойств align-items, flex-wrap, order, а также их нюансы и преимущества использования.
- Работать с дополнительным потоком в flexbox, размещая элементы в нужной позиции.
- Понимать, как, зачем и когда нужно изменить направление основного потока.
- Размещать много рядовых блоков, независимо от их количества, работая с флексбоксами.
Сроки акции
Акция проходит с 11 по 18 апреля 2023 года включительно. Доступ к курсу открывается на 10 дней.
Доступ к курсу не предоставляется гражданам россии и беларуси.
