Курс на Stepik
Обложка курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ» на Stepik
1 999 ₽

Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ ★ 5.000

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

Практический курс по верстке многостраничного сайта «ИгроПолис» с нуля. Вы пройдёте весь процесс разработки на Astro.js: от структуры проекта до финальной верстки. В работе используются БЭМ, SCSS и JavaScript. Курс ориентирован на практику и реальный результат.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Учеников на курсе 9
Сертификаты, выданные на курсе «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Сертификатов выдано 0
Отзывы о курсе «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Отзывов получено 1
Рейтинг курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Рейтинг курса 5.000
Уроки в курсе «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Количество уроков 45
Время прохождения курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Время прохождения курса —
Стоимость курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Стоимость курса 1 999 ₽ —
Обновления курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Обновления курса — —
Дата публикации курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Дата публикации курса — ———
Последнее обновление курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ»Последнее обновление — ———
Сложность normal — ———

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

Разделы в курсе «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ» 6 разделов Уроки в курсе «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ» 45 уроков Время прохождения курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ» 21 ч. Последнее обновление курса «Мастер-класс по верстке сайта с нуля • Astro.js, SCSS, JS, БЭМ» обн. 25 марта 2026

1. Введение, подготовка проекта и анализ

3 урока
Открытый
1.1 Введение. Чему научитесь, и что нужно знать ↗
17
17
4м 34с
0
Закрытый
1.2 Обзор шаблона на Astro.js ↗
11
11
21м 47с
0
Закрытый
1.3 Подключение шрифтов и базовые переменные ↗
10
10
10м 44с
0

2. Разработка шапки и футера сайта

11 уроков
Закрытый
2.1 Базовый шаблон шапки ↗
10
10
24м 40с
0
Закрытый
2.2 Навигация ↗
9
9
8м 54с
0
Закрытый
2.3 Поиск. Часть 1 ↗
10
10
24м 20с
0
Закрытый
2.4 Поиск. Часть 2 ↗
8
8
17м 48с
0
Закрытый
2.5 Результаты поиска. Часть 1 ↗
9
9
30м 41с
0
Закрытый
2.6 Результаты поиска. Часть 2 ↗
7
7
29м 59с
0
Закрытый
2.7 Выбор темы сайта. Часть 1 ↗
9
9
19м 32с
0
Закрытый
2.8 Выбор темы сайта. Часть 2 ↗
8
8
18м 28с
0
Закрытый
2.9 Модальное окно входа ↗
7
7
23м 39с
0
Закрытый
2.10 Футер и соцсети ↗
7
7
16м 40с
0
Закрытый
2.11 Компонент кнопки ↗
7
7
10м 21с
0

3. Главная страница и каталог

12 уроков
Закрытый
3.1 Слайдер на главной странице ↗
8
8
32м 16с
0
Закрытый
3.2 Подборки на главной странице ↗
7
7
34м 18с
0
Закрытый
3.3 Отзывы на главной странице ↗
7
7
45м 25с
0
Закрытый
3.4 Статьи на главной странице ↗
5
5
30м 12с
0
Закрытый
3.5 Cookie-предупреждение и кнопка "наверх" ↗
6
6
18м 52с
0
Закрытый
3.6 Hero-блок каталога и хлебные крошки ↗
6
6
16м 50с
0
Закрытый
3.7 Переключение сетки каталога ↗
5
5
20м 37с
0
Закрытый
3.8 Фильтры. Кастомный чекбокс ↗
5
5
46м 49с
0
Закрытый
3.9 Range-слайдер рейтинга ↗
5
5
17м 8с
0
Закрытый
3.10 Скрипты обработки фильтров ↗
5
5
55м 0с
0
Закрытый
3.11 Кастомный селект ↗
5
5
36м 19с
0
Закрытый
3.12 Карточка игры и тултип ↗
6
6
44м 39с
0

4. Страница игры

9 уроков
Закрытый
4.1 Hero-блок страницы игры. Видео на фоне ↗
7
7
16м 54с
0
Закрытый
4.2 Компонент информации об игре. Рейтинг ↗
5
5
43м 4с
0
Закрытый
4.3 Меню страницы игры. Табы ↗
6
6
30м 12с
0
Закрытый
4.4 Таб "Об игре". Блок характеристик ↗
6
6
14м 10с
0
Закрытый
4.5 Таб "Об игре". Карточка отзыва ↗
5
5
55м 12с
0
Закрытый
4.6 Табы "Отзывы", "Статьи", "Подборки" ↗
5
5
14м 24с
0
Закрытый
4.7 Остальные табы на странице ↗
6
6
45м 55с
0
Закрытый
4.8 Модальные окна "Статус" и "Отправить отзыв" ↗
5
5
28м 14с
0
Закрытый
4.9 Страницы "Подборки", "Статьи" и "Прохождения" ↗
6
6
21м 38с
0

5. Остальные страницы

6 уроков
Закрытый
5.1 Личный кабинет. Hero. Левое меню ↗
4
4
26м 56с
0
Закрытый
5.2 Табы кабинета. Карточка комментария ↗
3
3
33м 53с
0
Закрытый
5.3 Табы кабинета. Карточка подписчика. Настройки личного кабинета ↗
3
3
35м 23с
0
Закрытый
5.4 Страница статьи ↗
3
3
34м 2с
0
Закрытый
5.5 Страница отзыва ↗
3
3
12м 41с
0
Закрытый
5.6 Toast-уведомления и страница 404 ↗
3
3
37м 11с
0

6. Адаптивная верстка

4 урока
Закрытый
6.1 Адаптив главной страницы ↗
5
5
55м 12с
0
Закрытый
6.2 Адаптив каталога и страницы игры ↗
5
5
60м 44с
0
Закрытый
6.3 Адаптив личного кабинета ↗
3
3
24м 0с
0
Закрытый
6.4 Адаптив последних страниц ↗
5
5
10м 14с
0