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

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

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

Что в курсе?

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

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

Вы научитесь

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

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

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

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

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

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

Работаю техническим директором в компании по продаже и оценке автомобилей с пробегом. Занимают разработкой уже более 12 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд. Являются большим фанатом NestJS для Backend и активно занимаюсь open source библиотеками для него. На frontend работаю с React, Angular а так же обожаю делать небольшие виджеты на Svelte. Так же имею широкий опыт внедрения DevOps практик для быстрой доставки кода в production и созданию лучшего develop experience. Но что самое главное - испытываю огромное желание делиться знаниями, которые были накоплены в результате многолетнего опыта разработки и управления командами.

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

Более 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

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

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

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

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