Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Трудоустройство
Трудоустройство
Отсутствует

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

3 900 ₽
нет рассрочки

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

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

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

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

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

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

Приобретаемые навыки
1
CSS
3
Вёрстка
4
Адаптивность
5
Flex CSS
6
Flex-grow

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

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

Первого студента мы трудоустроили в 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

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

Рейтинг курса

3.8
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 27.03.2024 16:47
CSS: Основы Flex

CSS: Основы Flex

Оставить отзыв
Поделиться курсом с друзьями