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. Но что самое главное - испытываю огромное желание делиться знаниями, которые были накоплены в результате многолетнего опыта разработки и управления командами.


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

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

Рустам Гусейнов
Интересно, достаточно нужная информация, содержательно. Никакой воды
Siarhei Stuk
Спасибо, за такой классный/бесплатный курс! Автору/преподавателю.. respect!
Андрей Соловьев
С флексами я был уже до этого, но на работе понадобилось их применять в проекте, поэтому решил пройти ваш курс. Пока меня всё устраивает, узнал про новое значение поля display: inline -flex. Оно как раз мне понадобилось)
Anastasiia Kostina
Курс поэтапно и доходчиво объясняет основную информацию и привлекает внимание к неочевидным деталям, которые пригодятся на практике. Благодаря нему появилось более чёткое видение как строить flex-ы.
Vladimir Muratov
Решил пройти этот курс в надежде получить подробное разъяснение по работе с flexbox. Ожидания оправдались. Автор довольно подробно и доходчиво объясняет. Курс нравится. Заслуживает высокой оценки.
Александр Жуков
Вообще топчик, с учетом, что курс по Grid был в NextJs, который только что прошел. Курс по Flex очень в тему. Отлично, нравится подача, и систематизация материала + актуальность курсов и технологий. Супер, что старые или устаревающие технологии сразу обозначаются и отметаются в сторону - это на вес золота, потому что когда ты новичок это совсем не очевидно.

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

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

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

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

Другие курсы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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