CSS Flexbox - полный курс и практика его использования
Полный разбор всех особенностей вёрстки на CSS Flexbox и её применение на реальных проектах
рейтинг 5.0 на основании отзывов на платформе Udemy
Обновлено: 07 октября 2022Бесплатный курс

Полный разбор всех особенностей вёрстки на CSS Flexbox и её применение на реальных проектах
рейтинг 5.0 на основании отзывов на платформе Udemy
Обновлено: 07 октября 2022Бесплатный курс

Что в курсе?

Неограниченный по времени доступ к материалам

Практические упражнения и примеры на реальных проектах

Небольшие структурированные лекции для простого освоения

Поддержка в чате студентов

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

Вы научитесь

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

Требования

Минимальные требования для прохождения курса: Базовые знания HTML и CSS;

ОбложкаPlay
Бесплатно
Гарантия возврата денег — 30 дней
Курс включает:
2 часа видео лекций

3 тестовых заданий

2 упражнения

Сертификат об окончании

О школе

Более 10 000 студентов
Со всего мира прошли курсы на площадках PurpleSchool, Udemy и Stepik
Гарантия возврата денег
Если курс вам не подойдёт, мы вернём вам деньги в течение 30 дней
Практический опыт
Получите бесценный опыт реальных проектов в каждом курсе

План курса

Ниже вы можете ознакомиться с планом курса и посмотреть часть открытых лекций.

Введение
Что такое Flexbox?
4 мин
Как устроен курс?
4 мин
Настройка окружения
2 мин
Обзор курсов
4 мин
Знакомство с flexbox
Выравнивание и центрирование
Размеры элементов
Практика
Сертификат о прохождении курса по окончанию!
Сертификат об окончании

Об авторе курса

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

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

Являюсь большим фанатом NestJS для Backend и активно занимаюсь open source библиотеками для него. На frontend работаю с React, Angular а так же обожаю делать небольшие виджеты на Svelte.

Так же имею широкий опыт внедрения DevOps практик для быстрой доставки кода в production и созданию лучшего develop experience. Но что самое главное - испытываю огромное желание делиться знаниями, которые были накоплены в результате многолетнего опыта разработки и управления командами.


Последние отзывы

Отзывы студентов не модерируются и не редактируются. Отзыв можно оставить поле прохождения половины курса.

Азамат
Отличный курс, освежил знания по Flexbox, в дальнейшем планирую пройти у вас курс Javascript для начинающих
Daniil
Курс замечательно подошёл для того, чтобы быстро вспомнить и закрепить тему, но думаю, он смог бы и научить меня работе с флексами с нуля. Информация подана грамотно: порционно, по делу и с примерами, практикой.
Михаил
Отличный контент! Вроде, все знакомо, решил посмотреть, проверить себя и не пожалел времени. Спасибо, Антон!!!
Юлия
Отличный курс! Все объясняться доступным языком. Хотели бы видеть больше курсов от автора.
Lafoerte
Мне понравилось что автор не нагружает информацией и никуда не торопится + приятная речь, медленное и понятное объяснение, я доволен) Ну и видеоуроки не очень длинные что хорошо лично для меня, лучше короткий урок с разбором одной темы, чем длинный с разбором нескольких, так лучше укладывается инфа в голове...
Эвелина
Решила вспомнить основы и не ошиблась. Все очень понятно и наглядно - единственное что, в уроке про flex-direction, хотелось бы также наглядно увидеть, как идет дополнительная ось в случаях с row-reverse и column-reverse
Людмила
Спасибо большое за интересный познавательный курс, благодаря которому я стала лучше разбираться в флексах!
Антон
Начало хорошее, даётся базовое понимание того, как это всё работает. Надеюсь дальше будет больше практики и сможем на реальных задачах узнать как применяется изученный материал. Ведь на практике всё усваивается лучше :)
Виталий
Отличный курс, все понятно и доступно!

Частые вопросы

Почему курс бесплатен?

Цель этих курсов – покрыть небольшие темы, которые не раскрываются в других курсах и дать новые знания. Информации в них не так много, как в моих других курсах и поэтому я готов отдать его совершенно бесплатно.

На сколько времени будет открыт доступ к курсу?
Если я столкнусь со сложностями в курсе, кому задавать вопросы?
Остались вопросы? Их можно задать в чате Telegram

Другие курсы

JavaScript с нуля - основы языка и практика для начинающих
Цена:1 890
Подробнее
18 часов видео лекций

14 тестовых заданий

30 упражнений
JavaScript Advanced - продвинутые концепции языка и ООП
Цена:1 890
Подробнее
16 часов видео лекций

15 тестовых заданий

15 упражнений
NodeJS - с нуля, основы и построение архитектуры приложений - с проектами
Цена:9 000 / мес
Подробнее
21 час видео лекций

9 тестовых заданий

15 упражнений
Docker + Ansible - с нуля, деплой и управление Swarm
Цена:1 890
Подробнее
15 часов видео лекций

12 тестовых заданий

7 упражнений
TypeScript с нуля - полный курс и паттерны проектирования
Цена:1 890
Подробнее
18 часов видео лекций

12 тестовых заданий

17 упражнений
Docker + Ansible - с нуля, деплой и управление Swarm - с проектами
Цена:9 000 / мес
Подробнее
21 час видео лекций

12 тестовых заданий

15 упражнений
Node.js - с нуля, основы и построение архитектуры приложений
Цена:1 890
Подробнее
18 часов видео лекций

9 тестовых заданий

8 упражнений
React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid
Цена:1 890
Подробнее
20 часов видео лекций

9 тестовых заданий

6 упражнений
NestJS - с нуля, современный backend на TypeScript и Node JS
Цена:1 890
Подробнее
15 часов видео лекций

5 тестовых заданий

4 упражнения
Microservices - паттерны и практика построения микросервисов
Цена:1 890
Подробнее
14 часов видео лекций

9 тестовых заданий

5 упражнений
Бесплатно