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

2.9

2 часа видео лекций,

начало 28 июня

Сложность

Начинающий

Тип обучения

Курс

Формат обучения

Записанные лекции

Трудоустройство

Нет

Сертификат

Есть

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

бесплатно

Нет рассрочки

Что в курсе?

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

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

Вы научитесь

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

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

Навыки

Вёрстка

CSS Flexbox

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

Сертификат

Школа

Purple School

0 отзывов

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

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

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

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

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

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

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

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

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

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

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

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

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

Преподаватели

Антон Ларичев

курсов

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

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

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

Введение

Что такое 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

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

Образовал