Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS Flexbox - полный курс и практика его использования
Rating: 4.8 out of 5(186 ratings)
1,689 students

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

Полный разбор всех особенностей вёрстки на CSS Flexbox и её применение на реальных проектах
Last updated 2/2023
Russian

What you'll learn

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

Course content

6 sections21 lectures1h 49m total length
  • Что такое Flexbox?3:41
  • Как устроен курс?4:20
  • Настройка окружения1:48
  • Обзор курсов4:13

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
  • Для начинающих верстальщиков