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

Полный разбор всех особенностей вёрстки на CSS Flexbox и её применение на реальных проектах

4.90 (162 reviews)
Udemy
platform
Русский
language
Web Development
category
CSS Flexbox - полный курс и практика его использования
1,370
students
2 hours
content
Feb 2023
last update
FREE
regular price

What you will learn

Уверенно использовать CSS Flexbox для вёрстки

Позиционировать элементы внутри контейнера

Создавать сложный сетки

Применять CSS Flexbox на практике

Работать с адаптивным дизайном на Flexbox

Why take this course?

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


В этом курсе мы разберём все особенность вёрстки на CSS Flexbox и используем её на практике. Курс разбит на несколько разделов, каждый из которых фокусируется на одном из аспектов работы с CSS FlexBox:

- Работа с flex и изменений его осей

- Переносом контента с помощью flex-wrap

- Заданием порядка элементов

- Выравнивание и центрированием по всех элементов

- Позиционированием элементов внутри строки или столбца

- Переопределение позиции для каждого элемента

- Определением размера элементов

- Поведением при адаптиве

В конце каждого блока вас ждёт тест. Так же курс содержит несколько практических упражнений для закрепления материала и применения на реальных макетах.


В результате курса вы получите знания и навыки для эффективной вёрстке на CSS Flexbox. А если возникнут вопросы, вы всегда можете обратиться в чат учеников с вопросом.


Отзывы студентов о других моих курсах:

Node.js

Невероятный курс! Очень простым, доступным и приятным языком качественно объясняются основы. От простого к сложному приходим к пониманию того, как устроен Node.js. Практически нет пробелов в объяснении материала. Рекомендую! - Alexander D.


TypeScript

Отличный курс. Хорошо охватывает как базовую информацию, так и продвинутые техники. Особенно порадовал раздел Паттерны, где рассказывается на реальных примерах применение того или иного паттерна проектирования. Финальная задача тоже очень интересна и хорошо демонстрирует преимущества TS и паттернов на практической - Сергей


React и Next.js

Прошел половину курса, что могу сказать. Не жалею что взял, узнал много нового, но на мой взгляд без базовых знаний реакта будет сложновато. Автор отзывчивый, в тот же день отвечает на все вопросы. Все объясняется доходчиво и очень радует тот факт, что курс постепенно дополняется отвечая на самые распространенные вопросы учеников. С удовольствием продолжу обучение. Высшая оценка!) - Роман

Screenshots

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

Reviews

artem
August 22, 2022
Хороший и понятный курс по флексам, не хватает больше примеров с flex-grow и flex-shrink, так как это самое непонятное, но в целом очень даже хорошо!
Natalia
August 22, 2022
Курс помог освежить и структурировать информацию о флекс-бокс, четко, понятно, без воды, с отличными примерами! Благодарности автору!

Charts

Price

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

Rating

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

Enrollment distribution

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

Related Topics

4810670
udemy ID
8/1/2022
course created date
8/13/2022
course indexed date
Bot
course submited by