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