Видеокурс
CSS Flexbox
на каждый день
Создавай и изменяй адаптивные макеты по своим правилам
Философия Flexbox
и как его понять
Теория и свойства
контейнеров и элементов
Практика
применения Flexbox
Что такое
CSS-flexbox
CSS-flexbox — это модуль CSS, позволяющий создавать удобные адаптивные макеты веб-страниц. Флексы, именно так они называются на сленге разработчиков, позволяют контролировать расположение элементов на странице, используя гибкие и простые в использовании свойства.
Ни один современный сайт не обходится без CSS-flexbox, поэтому понимание и умение им пользоваться — важный шаг в профессиональном росте.
Преимущества Флексбокс
- Адаптивность. Работать с разными разрешениями одно удовольствие
- Удобство и универсальность. Все современные браузеры поддерживают CSS-Flexbox
- Эффективность. Меньшим кодом решаем больше задач.
Недостатки Flexbox
Отсутствует поддержка сложных макетов из коробки. Многоколоночные и многорядные макеты сделать можно, но с меньшей эффективностью. Для этого лучше подходит CSS Grid
Зачем вам знать и понимать флексы?
Управлять макетами и расположением элементов на сайте с минимальными временными затратами и количеством кода
«Допиливать» то, чего не могут популярные конструкторы: Elementor, Tilda, Breakdance, Bricks, Oxygen
Понимать как устроены флекс-макеты всё в тех же конструкторах страниц, чтобы собирать на них сайты более эффективно
Делать адаптивные сайты с нуля или докручивать существующие
Освоить азы фронтенд разработки и подготовиться к использованию популярных CSS-фреймворков
Лучше понять как устроены и для чего нужны автолейауты в Figma
Программа
курса
Сложность
Курс подойдёт как для новичков, так и для продвинутых. Однако, предполагается, что вы уже знакомы с CSS на базовом уровне. Если нет, пройдите курс CSS на каждый день.
1
Философия Flexbox за 11 минут
2
Flexbox и инструменты разработчика (DevTools) за 3 минуты
3
Свойства родительского контейнера — 7 уроков
4
Свойства дочерних элементов — 6 уроков
5
Практика применения флексбокс — 10+ уроков по редактированию внешнего вида плагинов WordPress, докрутке конструкторов, созданию макетов
Кто ведёт
Александр Парфилов
Веб-разработчик, веб-дизайнер, интернет-маркетолог с опытом проектирования, разработки и поддержки интернет-проектов более 14 лет. Автор проекта Цифровой Алекс (ранее WPlovers).
Как получить доступ
Жмите на кнопку ниже, оплачивайте заказ, доступ к курсу по CSS Flexbox откроется автоматически
1 490 ₽
990 ₽
Есть вопросы?
Возможно на них уже есть ответ
Да, после прохождения этого курса по флексам вам больше ничего не понадобится. Разве что изредка заглядывать в справочник, чтобы освежить в памяти назначение свойств.
Да, пройдя этот курс по флексам вам больше ничего не понадобится. Разве что изредка заглядывать в справочник, чтобы освежить в памяти назначение свойств.
В интернете полно бесплатного и каждый делает выбор самостоятельно. Если вам нравится моя подача в бесплатных видео на YouTube, то вам подойдут и мои курсы.
Да, разумеется. Если что-то непонятно, то я даже перезапишу урок(и), чтобы стало более понятно.
Да, вы платите один раз и получаете доступ навсегда
Курс не предназначен для верстальщиков, разве что вы только начинаете изучать вёрстку. Он задумывался в первую очередь для тех, кто с вёрсткой напрямую не связан и связываться не собирается, во всяком случае пока.
Курс не предусматривает индивидуальной поддержки по вашим ситуациям, но вы присылайте в любом случае. Вдруг ваш случай на самом деле не уникален и будет полезен и другим студентам. Тогда я запишу урок и пришлю уведомление по Email о его выходе.
Рекомендую
изучить