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

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

бесплатно
нет рассрочки

Что в курсе?

  •  Неограниченный по времени доступ к материалам
     
  •  Практические упражнения и примеры на реальных проектах
     
  •  Небольшие структурированные лекции для простого освоения
     
  •  Поддержка в чате студентов
     
  •  Ответы на вопросы в комментариях

CSS Flexbox - направлен на обеспечение более эффективного способа размещения, выравнивания и распределения пространства между элементами в контейнере, даже если их размер неизвестен и / или динамичен (Flex значит «гибкий»). В этом курсе мы разберём все особенность вёрстки на CSS Flexbox и используем её на практике. Курс разбит на несколько разделов, каждый из которых фокусируется на одном из аспектов работы с CSS FlexBox. В конце каждого блока вас ждёт тест. Так же курс содержит несколько практических упражнений для закрепления материала и применения на реальных макетах.

Вы научитесь

  • Уверенно использовать CSS Flexbox для вёрстки
  • Позиционировать элементы внутри контейнера
  • Создавать сложный сетки
  • Применять CSS Flexbox на практике
  • Работать с адаптивным дизайном на Flexbox

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

Приобретаемые навыки
1
CSS Flexbox
2
Выравнивание и центрирование
3
Вёрстка
Сертификат, ссылками на который можно делиться с другими людьми

Вас будут обучать

Технический директор и профессиональный разработчик

Основатель PurpleSchool и ex-CTO. Занимаюсь разработкой уже более 14 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.

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

Более 10 000 студентов

Со всего мира прошли курсы на площадках PurpleSchool, Udemy и Stepik

Гарантия возврата денег

Если курс вам не подойдёт, мы вернём вам деньги в течение 30 дней

Практический опыт

Получите бесценный опыт реальных проектов в каждом курсе

“Я помогаю разработчикам профессионально расти, делясь опытом в своих курсах”

Антон Ларичев
Технический директор и профессиональный разработчик

Каналы и подкасты

Подкаст Не плохой код (Apple podcast, Google podcast, Яндекс Музыка)
Говорим о разработке, и о том как писать не плохой код. А в частности NodeJS, JavaScript и TypeScript.

Youtube канал PurpleSchool
Канал с обучающими видео и дополнительными материалами по тематикам курсов

Telegram канал PurpleSchool
Канал с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

VK сообщество PurpleSchool
Сообщество VK с полезными советами по разработке, разбором примеров кода и обновлениями курсов.

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

Введение

Что такое Flexbox?
4 мин

Как устроен курс?
4 мин

Настройка окружения
2 мин

Обзор курсов
4 мин

Знакомство с flexbox

Введение во Flexbox
4 мин

Работа с flex-direction 
3 мин

Flex-wrap 
7 мин

Порядок элементов 
5 мин

Flex-flow 
1 мин

Тест - Знакомство с flexbox
5 мин

Выравнивание и центрирование

Justify-content
8 мин

Align-items
4 мин

Align-content
5 мин

Align-self
2 мин

Тест - Выравнивание и центрирование
5 мин

Размеры элементов

Размеры и flex
4 мин

Gap row-gap column-gap
9 мин

Flex-grow, flex-shrink и flex-basis
6 мин

Подробнее о flex-basis
7 мин

Auto margin
3 мин

Тест - Размеры элементов
5 мин

Практика

Упражнение - Вёрстка навигации
20 мин

Упражнение - Адаптив в flexbox
5 мин

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

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

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

обновлено 08.10.2024 08:56
CSS Flexbox - полный курс и практика его использования

CSS Flexbox - полный курс и практика его использования

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