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

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

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

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

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

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

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

Введение

2 урока
1. Информация о курсе ↗
2. Правила пользования курсом ↗

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

8 уроков
1. Клиент-серверная модель ↗
2. HTTP / HTTPS ↗
3. DNS ↗
4. Форматы данных ↗
5. Headers, cookies, CORS ↗
6. LocalStorage и SessionStorage ↗
7. Авторизация: сессия и токен ↗
8. Итоги раздела ↗

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

6 уроков
1. Как устроен браузер ↗
2. Event Loop в браузере ↗
3. Рендеринг страницы ↗
4. Обзор Web APIs ↗
5. Cache браузера ↗
6. Итоги раздела ↗

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

7 уроков
1. Семантика и структура HTML ↗
2. Мета-теги и SEO ↗
3. CSS: базовая система ↗
4. CSS: единицы измерения ↗
5. Современные подходы к организации CSS ↗
6. UI-библиотеки ↗
7. Итоги раздела ↗

NPM и сборка

4 урока
1. NPM и экосистема ↗
2. Сборка и оптимизация ↗
3. Runtime и окружения ↗
4. Итоги раздела ↗

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

9 уроков
1. SPA (Single Page Application) ↗
2. Virtual DOM ↗
3. Реактивность ↗
4. Модели рендеринга ↗
5. REST ↗
6. GraphQL ↗
7. Тесты ↗
8. Accessibility (доступность) ↗
9. Итоги раздела ↗

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

10 уроков
1. React ↗
2. Next.js ↗
3. Remix ↗
4. Gatsby ↗
5. Vue.js ↗
6. Nuxt ↗
7. Angular ↗
8. Hugo ↗
9. Astro ↗
10. Итоги раздела ↗

Git (основы)

6 уроков
1. Что такое Git ↗
2. Основные Git-команды ↗
3. Git-платформы ↗
4. Desktop-клиенты для Git ↗
5. Pull Request и Сode Review ↗
6. Итоги раздела ↗

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

5 уроков
1. Что такое CI/СD ↗
2. Build Pipeline ↗
3. Линт / тесты / сборка ↗
4. Автодеплой ↗
5. Итоги раздела ↗

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

8 уроков
1. Перед началом ↗
2. IDE и рабочее окружение ↗
3. Структура репозитория ↗
4. Как запустить проект ↗
5. Инструменты разработки ↗
6. Конфигурации сборки ↗
7. Документация в проекте ↗
8. Как читать и понимать чужой код ↗

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

7 уроков
1. Перед началом ↗
2. Облачные платформы ↗
3. Базы данных ↗
4. Хранилище объектов ↗
5. Docker ↗
6. Kubernetes и роль фронтенда в цепочке ↗
7. Итоги раздела ↗

Заключение

3 урока
1. Подведение итогов ↗
2. Что дальше ↗
3. Словарь терминов ↗