Курс на Stepik
Обложка курса «Основы Frontend-разработки и веб-приложений» на Stepik
Бесплатно

Основы Frontend-разработки и веб-приложений ★ 5.000

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

Освой ключевые принципы Frontend-разработки: как работает браузер, клиент-серверная архитектура, основы CSS и инструментов разработки. Курс для новичков, которые хотят понять, как устроен веб.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Основы Frontend-разработки и веб-приложений»Учеников на курсе 421
Сертификаты, выданные на курсе «Основы Frontend-разработки и веб-приложений»Сертификатов выдано 0
Отзывы о курсе «Основы Frontend-разработки и веб-приложений»Отзывов получено 4
Рейтинг курса «Основы Frontend-разработки и веб-приложений»Рейтинг курса 5.000
Уроки в курсе «Основы Frontend-разработки и веб-приложений»Количество уроков 66
Тесты в курсе «Основы Frontend-разработки и веб-приложений»Количество квизов 64
Время прохождения курса «Основы Frontend-разработки и веб-приложений»Время прохождения курса —
Обновления курса «Основы Frontend-разработки и веб-приложений»Обновления курса — —
Дата публикации курса «Основы Frontend-разработки и веб-приложений»Дата публикации курса — ———
Последнее обновление курса «Основы Frontend-разработки и веб-приложений»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «Основы Frontend-разработки и веб-приложений» 12 разделов Уроки в курсе «Основы Frontend-разработки и веб-приложений» 66 уроков Тесты в курсе «Основы Frontend-разработки и веб-приложений» 64 теста Время прохождения курса «Основы Frontend-разработки и веб-приложений» 2 ч. Последнее обновление курса «Основы Frontend-разработки и веб-приложений» обн. 17 апреля 2026

1. Введение

2 урока
Закрытый
1.1 Информация о курсе ↗
271
271
1м 47с
0
Закрытый
1.2 Правила пользования курсом ↗
132
132
0м 11с
0

2. Как работает Web

8 уроков
Закрытый
2.1 Клиент-серверная модель ↗
140
140
2м 5с
0
Закрытый
2.2 HTTP / HTTPS ↗
110
110
1м 6с
0
Закрытый
2.3 DNS ↗
96
96
1м 2с
0
Закрытый
2.4 Форматы данных ↗
85
73
4м 48с
0
Закрытый
2.5 Headers, cookies, CORS ↗
80
60
9м 23с
0
Закрытый
2.6 LocalStorage и SessionStorage ↗
64
53
2м 50с
0
Закрытый
2.7 Авторизация: сессия и токен ↗
55
49
3м 51с
0
Закрытый
2.8 Итоги раздела ↗
66
47
2м 49с
0

3. Как работает браузер

6 уроков
Закрытый
3.1 Как устроен браузер ↗
52
41
5м 16с
0
Закрытый
3.2 Event Loop в браузере ↗
43
40
2м 39с
0
Закрытый
3.3 Рендеринг страницы ↗
43
37
5м 27с
0
Закрытый
3.4 Обзор Web APIs ↗
40
40
3м 2с
0
Закрытый
3.5 Cache браузера ↗
33
28
3м 8с
0
Закрытый
3.6 Итоги раздела ↗
35
29
2м 59с
0

4. HTML/CSS для понимания работы браузера

7 уроков
Закрытый
4.1 Семантика и структура HTML ↗
34
28
2м 39с
0
Закрытый
4.2 Мета-теги и SEO ↗
31
27
3м 38с
0
Закрытый
4.3 CSS: базовая система ↗
30
25
3м 0с
0
Закрытый
4.4 CSS: единицы измерения ↗
24
24
1м 29с
0
Закрытый
4.5 Современные подходы к организации CSS ↗
27
21
2м 29с
0
Закрытый
4.6 UI-библиотеки ↗
22
19
1м 31с
0
Закрытый
4.7 Итоги раздела ↗
26
21
1м 18с
0

5. NPM и сборка

4 урока
Закрытый
5.1 NPM и экосистема ↗
25
21
3м 58с
0
Закрытый
5.2 Сборка и оптимизация ↗
21
18
6м 38с
0
Закрытый
5.3 Runtime и окружения ↗
19
17
4м 36с
0
Закрытый
5.4 Итоги раздела ↗
20
17
2м 14с
0

6. Ключевые концепции фронтенда

9 уроков
Закрытый
6.1 SPA (Single Page Application) ↗
24
24
2м 58с
0
Закрытый
6.2 Virtual DOM ↗
22
17
3м 0с
0
Закрытый
6.3 Реактивность ↗
19
18
1м 23с
0
Закрытый
6.4 Модели рендеринга ↗
21
18
9м 13с
0
Закрытый
6.5 REST ↗
22
7
2м 49с
0
Закрытый
6.6 GraphQL ↗
21
18
2м 21с
0
Закрытый
6.7 Тесты ↗
20
17
2м 21с
0
Закрытый
6.8 Accessibility (доступность) ↗
17
17
2м 1с
0
Закрытый
6.9 Итоги раздела ↗
19
18
3м 19с
0

7. Библиотеки и фреймворки (обзорно)

10 уроков
Закрытый
7.1 React ↗
20
17
9м 48с
0
Закрытый
7.2 Next.js ↗
18
15
3м 1с
0
Закрытый
7.3 Remix ↗
17
13
1м 16с
0
Закрытый
7.4 Gatsby ↗
15
13
1м 33с
0
Закрытый
7.5 Vue.js ↗
17
13
3м 35с
0
Закрытый
7.6 Nuxt ↗
13
13
0м 29с
0
Закрытый
7.7 Angular ↗
14
11
1м 35с
0
Закрытый
7.8 Hugo ↗
14
12
1м 59с
0
Закрытый
7.9 Astro ↗
15
13
1м 13с
0
Закрытый
7.10 Итоги раздела ↗
14
13
1м 46с
0

8. Git (основы)

6 уроков
Закрытый
8.1 Что такое Git ↗
16
13
1м 15с
0
Закрытый
8.2 Основные Git-команды ↗
15
12
2м 30с
0
Закрытый
8.3 Git-платформы ↗
12
11
1м 25с
0
Закрытый
8.4 Desktop-клиенты для Git ↗
13
13
2м 42с
0
Закрытый
8.5 Pull Request и Сode Review ↗
12
12
3м 59с
0
Закрытый
8.6 Итоги раздела ↗
14
14
1м 46с
0

9. CI/CD (обзорно)

5 уроков
Закрытый
9.1 Что такое CI/СD ↗
16
13
1м 11с
0
Закрытый
9.2 Build Pipeline ↗
14
13
2м 4с
0
Закрытый
9.3 Линт / тесты / сборка ↗
13
11
2м 37с
0
Закрытый
9.4 Автодеплой ↗
13
13
1м 12с
0
Закрытый
9.5 Итоги раздела ↗
13
13
1м 53с
0

10. Как устроен реальный проект

8 уроков
Закрытый
10.1 Перед началом ↗
13
13
1м 44с
0
Закрытый
10.2 IDE и рабочее окружение ↗
10
9
0м 13с
0
Закрытый
10.3 Структура репозитория ↗
10
10
3м 25с
0
Закрытый
10.4 Как запустить проект ↗
10
10
2м 11с
0
Закрытый
10.5 Инструменты разработки ↗
9
9
-
0
Закрытый
10.6 Конфигурации сборки ↗
9
8
-
0
Закрытый
10.7 Документация в проекте ↗
9
9
-
0
Закрытый
10.8 Как читать и понимать чужой код ↗
12
10
1м 21с
0

11. Фронтенд в реальной инфраструктуре

7 уроков
Закрытый
11.1 Перед началом ↗
12
10
1м 21с
0
Закрытый
11.2 Облачные платформы ↗
9
9
-
0
Закрытый
11.3 Базы данных ↗
8
8
-
0
Закрытый
11.4 Хранилище объектов ↗
8
8
-
0
Закрытый
11.5 Docker ↗
11
9
1м 34с
0
Закрытый
11.6 Kubernetes и роль фронтенда в цепочке ↗
10
10
2м 19с
0
Закрытый
11.7 Итоги раздела ↗
12
10
0м 25с
0

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

3 урока
Закрытый
12.1 Подведение итогов ↗
13
13
1м 13с
0
Закрытый
12.2 Что дальше ↗
14
14
1м 57с
0
Закрытый
12.3 Словарь терминов ↗
17
17
3м 38с
0