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

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

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

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

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

1. Основы Flexbox

9 уроков
Открытый
1.1 Что такое Flexbox?
369
92
3м 3с
11
Открытый
1.2 Контейнер и элементы
242
68
5м 57с
11
Открытый
1.3 Направление осей - flex-direction
240
61
4м 29с
8
Закрытый
1.4 Перенос элементов - flex-wrap
63
54
3м 24с
5
Закрытый
1.5 flex-flow
60
54
2м 34с
7
Закрытый
1.6 Порядок элементов - order
58
51
7м 6с
6
Закрытый
1.7 Отступы - gap
54
48
3м 8с
5
Закрытый
1.8 Упражнение "Каталог товаров"
52
50
2м 1с
4
Закрытый
1.9 Упражнение "Список дел"
53
49
2м 1с
4

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

9 уроков
Открытый
2.1 justify-content
207
50
7м 55с
8
Открытый
2.2 align-items
188
46
6м 2с
5
Закрытый
2.3 align-content
47
43
5м 4с
5
Закрытый
2.4 align-self
46
42
4м 5с
6
Закрытый
2.5 place-content
45
41
2м 6с
4
Закрытый
2.6 Упражнение "Список с иконками"
44
36
12м 30с
3
Закрытый
2.7 Упражнение "Центрирование блока"
45
40
3м 8с
4
Закрытый
2.8 Упражнение "Форма обратной связи"
44
40
4м 13с
2
Открытый
2.9 Упражнение "Шапка сайта"
287
44
4м 59с
5

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

6 уроков
Закрытый
3.1 flex-grow
45
39
4м 23с
8
Закрытый
3.2 flex-basis
43
38
4м 50с
3
Закрытый
3.3 flex-shrink
43
39
3м 42с
3
Закрытый
3.4 flex
42
39
2м 6с
2
Закрытый
3.5 Упражнение "Фиксированный футер внизу страницы"
42
37
3м 3с
3
Закрытый
3.6 Упражнение "Карточка курса"
42
37
5м 37с
3

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

12 уроков
Закрытый
4.1 О модуле
45
45
1м 41с
4
Открытый
4.2 Настраиваем окружение
261
54
4м 4с
7
Открытый
4.3 Видеоурок: Блок "Шапка"
185
42
26м 57с
7
Закрытый
4.4 Видеоурок: Блок "Главный"
33
22
19м 34с
3
Закрытый
4.5 Видеоурок: Блок "Компании"
23
19
16м 40с
0
Закрытый
4.6 Видеоурок: Блок "Услуги"
22
19
13м 27с
1
Закрытый
4.7 Видеоурок: Блок "Об опросе"
21
17
10м 18с
2
Закрытый
4.8 Видеоурок: Блок "О ценах"
20
16
5м 20с
1
Закрытый
4.9 Видеоурок: Блок "Портфолио"
20
17
15м 54с
1
Закрытый
4.10 Видеоурок: Блок "Обсуждение проекта"
20
15
11м 42с
1
Закрытый
4.11 Видеоурок: Блок "Футер"
21
17
5м 20с
0
Закрытый
4.12 Рефакторинг и оптимизация
24
19
1м 6с
1

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

4 урока
Закрытый
5.1 Видеоурок: Подключаем Git
24
11
9м 29с
1
Закрытый
5.2 Видеоурок: Публикуем на GitHub Pages
20
11
6м 53с
0
Закрытый
5.3 Видеоурок: Публикуем на Netlify
21
9
1м 22с
0
Закрытый
5.4 Публикуем новые изменения сайта
17
17
1м 44с
0

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

5 уроков
Закрытый
6.1 О модуле
24
24
0м 17с
0
Закрытый
6.2 Страница "Цены"
29
7
0м 22с
0
Закрытый
6.3 Страница "Блог"
16
6
0м 20с
0
Закрытый
6.4 Страница "О компании"
12
5
0м 14с
0
Закрытый
6.5 Страница "404 Страница не найдена"
14
5
0м 6с
0

7. Заключение

2 урока
Закрытый
7.1 Итоги курса
21
21
1м 33с
0
Закрытый
7.2 Что дальше?
28
28
0м 18с
1