Курс на Stepik
Обложка курса «CSS Flexbox — Создание адаптивных веб-сайтов» на Stepik
790 ₽

CSS Flexbox — Создание адаптивных веб-сайтов ★ 5.000

Открыть на
STEPIK.ORG

Вы освоите CSS Flexbox и создадите адаптивный, многостраничный сайт по макету в Figma. Вас ждут практические задания, видеоуроки и полезные лайфхаки. Автор курса ответит на ваши вопросы в комментариях к урокам. Курс подходит для тех, кто уже знает основы HTML и CSS и может создать простую веб-страницу. Записывайтесь и попробуйте бесплатные уроки уже сейчас!

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «CSS Flexbox — Создание адаптивных веб-сайтов»Учеников на курсе 99
Сертификаты, выданные на курсе «CSS Flexbox — Создание адаптивных веб-сайтов»Сертификатов выдано 32
Отзывы о курсе «CSS Flexbox — Создание адаптивных веб-сайтов»Отзывов получено 7
Рейтинг курса «CSS Flexbox — Создание адаптивных веб-сайтов»Рейтинг курса 5.000
Уроки в курсе «CSS Flexbox — Создание адаптивных веб-сайтов»Количество уроков 47
Тесты в курсе «CSS Flexbox — Создание адаптивных веб-сайтов»Количество квизов 57
Задачи с кодом в курсе «CSS Flexbox — Создание адаптивных веб-сайтов»Количество задач с кодом 30
Время прохождения курса «CSS Flexbox — Создание адаптивных веб-сайтов»Время прохождения курса —
Стоимость курса «CSS Flexbox — Создание адаптивных веб-сайтов»Стоимость курса 790 ₽ —
Обновления курса «CSS Flexbox — Создание адаптивных веб-сайтов»Обновления курса — —
Дата публикации курса «CSS Flexbox — Создание адаптивных веб-сайтов»Дата публикации курса — ———
Последнее обновление курса «CSS Flexbox — Создание адаптивных веб-сайтов»Последнее обновление — ———
Сложность normal — ———

Содержание курса

Разделы в курсе «CSS Flexbox — Создание адаптивных веб-сайтов» 7 разделов Уроки в курсе «CSS Flexbox — Создание адаптивных веб-сайтов» 47 уроков Тесты в курсе «CSS Flexbox — Создание адаптивных веб-сайтов» 57 тестов Задачи в курсе «CSS Flexbox — Создание адаптивных веб-сайтов» 30 задач Время прохождения курса «CSS Flexbox — Создание адаптивных веб-сайтов» 4 ч. Последнее обновление курса «CSS Flexbox — Создание адаптивных веб-сайтов» обн. 23 июня 2026

Основы Flexbox

9 уроков
1. Что такое Flexbox? ↗
2. Контейнер и элементы ↗
3. Направление осей - flex-direction ↗
4. Перенос элементов - flex-wrap ↗
5. flex-flow ↗
6. Порядок элементов - order ↗
7. Отступы - gap ↗
8. Упражнение "Каталог товаров" ↗
9. Упражнение "Список дел" ↗

Выравнивание элементов

9 уроков
1. justify-content ↗
2. align-items ↗
3. align-content ↗
4. align-self ↗
5. place-content ↗
6. Упражнение "Список с иконками" ↗
7. Упражнение "Центрирование блока" ↗
8. Упражнение "Форма обратной связи" ↗
9. Упражнение "Шапка сайта" ↗

Размеры и гибкость

6 уроков
1. flex-grow ↗
2. flex-basis ↗
3. flex-shrink ↗
4. flex ↗
5. Упражнение "Фиксированный футер внизу страницы" ↗
6. Упражнение "Карточка курса" ↗

Итоговый проект

12 уроков
1. О модуле ↗
2. Настраиваем окружение ↗
3. Видеоурок: Блок "Шапка" ↗
4. Видеоурок: Блок "Главный" ↗
5. Видеоурок: Блок "Компании" ↗
6. Видеоурок: Блок "Услуги" ↗
7. Видеоурок: Блок "Об опросе" ↗
8. Видеоурок: Блок "О ценах" ↗
9. Видеоурок: Блок "Портфолио" ↗
10. Видеоурок: Блок "Обсуждение проекта" ↗
11. Видеоурок: Блок "Футер" ↗
12. Рефакторинг и оптимизация ↗

Публикация сайта

4 урока
1. Видеоурок: Подключаем Git ↗
2. Видеоурок: Публикуем на GitHub Pages ↗
3. Видеоурок: Публикуем на Netlify ↗
4. Публикуем новые изменения сайта ↗

Самостоятельное задание

5 уроков
1. О модуле ↗
2. Страница "Цены" ↗
3. Страница "Блог" ↗
4. Страница "О компании" ↗
5. Страница "404 Страница не найдена" ↗

Заключение

2 урока
1. Итоги курса ↗
2. Что дальше? ↗