CSS: Основы Flex

все курсы

Программирование

CSS: Основы Flex

3.8

10 часов,

начало 22 декабря

Сложность

Начинающий

Тип обучения

Курс

Формат обучения

Записанные лекции

Трудоустройство

Отсутствует

Стоимость курса

3 900 ₽

нет рассрочки

Включено в курс

9 уроков (видео и/или текст)
11 упражнений в тренажере
35 проверочных тестов
Дополнительные материалы
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

Чему вы научитесь

Применять базовые свойства CSS Flexible Box Layout.
Управлять HTML-элементами по вертикали и горизонтали с помощью Flex.
Создавать адаптированные для мобильных устройств макеты.
Создавать гибкие элементы, которые будут менять ширину и высоту.

Вы узнаете больше о том, как позиционировать элементы по вертикали и горизонтали. В итоге вы научитесь позиционировать элементы на странице, выравнивать их и понимать систему создания колоночной системы. Flex пригодится, если вы решите создавать адаптивные макеты и использовать гибкие элементы. Знания из этого курса помогают программистам управлять элементами на странице по двум осям и выравнивать элементы относительно них. Этот курс подойдет всем начинающим, которые хотят научиться создавать свои первые макеты. Чтобы учиться было проще, стоит заранее изучить базовые основны HTML и стилизацию текста с помощью CSS.

Что вы получите после обучения

Приобретаемые навыки

Flex-grow

CSS

HTML+CSS

Вёрстка

Flex CSS

Адаптивность

Образовательная организация

Хекслет

4.5

76 отзывов

Онлайн-школа программирования, за выпускниками которой охотятся компании

Первого студента мы трудоустроили в 2013 году. Тогда требования к знаниям джуниоров были выше, а трава зеленее

Это отразилось на программах обучения, на их проработке и глубине. Собеседования для студентов Хекслета проходят под девизом: «Хм, на Хекслете задачки были сложнее»

Иногда наши студенты попадают на работу без проведения технического интервью, только на основе анализа кода проектов

Сейчас все больше и больше компаний указывают курсы Хекслета как плюс при найме. А наши партнерские компании доверяют нам настолько, что собеседуют выпускников, не заглядывая в резюме

Программа курса

Введение
Узнать о курсе посвящённому Flex

Что такое Flex?
Узнать о концепции Flex, преимуществах и сценариях использования

Флекс-контейнер
Познакомиться с флекс-контейнерами и возможностями определения главной оси для рендера элементов

Перенос элементов в контейнере
Узнать о способах переноса элементов внутри флекс-контейнера. Научиться пользоваться свойством flex-wrap

Выравнивание элементов по главной оси
Узнать о способах выравнивания элементов по главной оси внутри флекс-контейнера. Познакомиться со свойством justify-content

Выравнивание элементов по перпендикулярной оси
Узнать о способах выравнивания элементов по перпендикулярной оси внутри флекс-контейнера. Познакомиться со свойством align-items

Свойства Flex-элементов. Гибкость. Flex-grow
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойство Flex-grow

Свойства Flex-элементов. Гибкость
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства flex-shrink, flex-basis, flex

Свойства Flex-элементов. Расположение
Узнать о свойствах для работы с элементами внутри флекс-контейнеров. Изучить свойства order и align-self

Дополнительные материалы
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса