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

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

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

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

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «CSS Flexbox — Создание адаптивных веб-сайтов»Учеников на курсе 98
Сертификаты, выданные на курсе «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. Что дальше?