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

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

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

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

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Основы Frontend-разработки и веб-приложений»Учеников на курсе 581
Сертификаты, выданные на курсе «Основы 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. Словарь терминов