CSS Flexbox - полный курс и практика его использования
What you'll learn
- Уверенно использовать CSS Flexbox для вёрстки
- Позиционировать элементы внутри контейнера
- Создавать сложный сетки
- Применять CSS Flexbox на практике
- Работать с адаптивным дизайном на Flexbox
Requirements
- Базовые знания HTML и CSS
Description
CSS Flexbox - направлен на обеспечение более эффективного способа размещения, выравнивания и распределения пространства между элементами в контейнере, даже если их размер неизвестен и / или динамичен (Flex значит «гибкий»).
В этом курсе мы разберём все особенность вёрстки на CSS Flexbox и используем её на практике. Курс разбит на несколько разделов, каждый из которых фокусируется на одном из аспектов работы с CSS FlexBox:
- Работа с flex и изменений его осей
- Переносом контента с помощью flex-wrap
- Заданием порядка элементов
- Выравнивание и центрированием по всех элементов
- Позиционированием элементов внутри строки или столбца
- Переопределение позиции для каждого элемента
- Определением размера элементов
- Поведением при адаптиве
В конце каждого блока вас ждёт тест. Так же курс содержит несколько практических упражнений для закрепления материала и применения на реальных макетах.
В результате курса вы получите знания и навыки для эффективной вёрстке на CSS Flexbox. А если возникнут вопросы, вы всегда можете обратиться в чат учеников с вопросом.
Отзывы студентов о других моих курсах:
Node.js
Невероятный курс! Очень простым, доступным и приятным языком качественно объясняются основы. От простого к сложному приходим к пониманию того, как устроен Node.js. Практически нет пробелов в объяснении материала. Рекомендую! - Alexander D.
TypeScript
Отличный курс. Хорошо охватывает как базовую информацию, так и продвинутые техники. Особенно порадовал раздел Паттерны, где рассказывается на реальных примерах применение того или иного паттерна проектирования. Финальная задача тоже очень интересна и хорошо демонстрирует преимущества TS и паттернов на практической - Сергей
React и Next.js
Прошел половину курса, что могу сказать. Не жалею что взял, узнал много нового, но на мой взгляд без базовых знаний реакта будет сложновато. Автор отзывчивый, в тот же день отвечает на все вопросы. Все объясняется доходчиво и очень радует тот факт, что курс постепенно дополняется отвечая на самые распространенные вопросы учеников. С удовольствием продолжу обучение. Высшая оценка!) - Роман
Who this course is for:
- Для разработчиков и дизайнеров, которые хотят улучшить своё знание fontend
- Для тех, кто хочет структурировать знания о flexbox
- Для начинающих верстальщиков
Instructor
Работаю техническим директором в компании по продаже и оценке автомобилей с пробегом. Занимаюсь разработкой уже более 12 лет и имею большой опыт: JavaScript, TypeScript, Php, Go, C#, Swift и Python. Активно внедряю гибкие методологии разработки в компании и внутренние обучения для команд.
Являюсь большим фанатом NestJS для Backend и активно занимаюсь open source библиотеками для него.
На frontend работаю с React, Angular, а так же обожаю делать небольшие виджеты на Svelte.
Так же имею широкий опыт внедрения DevOps практик для быстрой доставки кода в production и созданию лучшего develop experience.
Но что самое главное - испытываю огромное желание делиться знаниями, которые были накоплены в результате многолетнего опыта разработки и управления командами.