Курс на Stepik
Обложка курса «Практическая веб-разработка: от интерфейса до Code Review» на Stepik
Бесплатно

Практическая веб-разработка: от интерфейса до Code Review ★ 0.000

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

Практический курс для тех, кто знаком с основами веб-разработки. HTML/CSS, JavaScript, TypeScript, React, SQL и API — через самостоятельные задачи, исправление ошибок и Code Review. Пишите код, проверяйте граничные случаи и создавайте части приложения Campus Equip.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Практическая веб-разработка: от интерфейса до Code Review»Учеников на курсе 62
Сертификаты, выданные на курсе «Практическая веб-разработка: от интерфейса до Code Review»Сертификатов выдано 0
Отзывы о курсе «Практическая веб-разработка: от интерфейса до Code Review»Отзывов получено 0
Рейтинг курса «Практическая веб-разработка: от интерфейса до Code Review»Рейтинг курса 0.000
Уроки в курсе «Практическая веб-разработка: от интерфейса до Code Review»Количество уроков 52
Тесты в курсе «Практическая веб-разработка: от интерфейса до Code Review»Количество квизов 64
Задачи с кодом в курсе «Практическая веб-разработка: от интерфейса до Code Review»Количество задач с кодом 150
Время прохождения курса «Практическая веб-разработка: от интерфейса до Code Review»Время прохождения курса —
Обновления курса «Практическая веб-разработка: от интерфейса до Code Review»Обновления курса — —
Дата публикации курса «Практическая веб-разработка: от интерфейса до Code Review»Дата публикации курса — ———
Последнее обновление курса «Практическая веб-разработка: от интерфейса до Code Review»Последнее обновление — ———
Сложность normal — ———

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

Разделы в курсе «Практическая веб-разработка: от интерфейса до Code Review» 8 разделов Уроки в курсе «Практическая веб-разработка: от интерфейса до Code Review» 52 урока Тесты в курсе «Практическая веб-разработка: от интерфейса до Code Review» 64 теста Задачи в курсе «Практическая веб-разработка: от интерфейса до Code Review» 150 задач Время прохождения курса «Практическая веб-разработка: от интерфейса до Code Review» 1 ч. Последнее обновление курса «Практическая веб-разработка: от интерфейса до Code Review» обн. 17 сентября 2026

Модуль 1. HTML/CSS — создание интерфейсов

8 уроков
1. Семантика и границы блока ↗
2. Формы: данные, подписи и ошибки ↗
3. Flexbox: строки, переносы и размеры ↗
4. Grid: каталог и рабочая панель ↗
5. Позиционирование и слои интерфейса ↗
6. Адаптивный интерфейс по требованиям ↗
7. Состояния, доступность и организация CSS ↗
8. Практикум: Campus Equip ↗

Модуль 2. JavaScript — обработка данных и логика

8 уроков
1. Функции, callbacks и замыкания ↗
2. Массивы: отбор, проверки и порядок ↗
3. Объекты: проекции, поля и сводки ↗
4. Строки, Set и Map в прикладных задачах ↗
5. Вложенные данные и агрегирование ↗
6. Иммутабельность состояния интерфейса ↗
7. Сложность, Debugging и Code Review ↗
8. Практикум: аналитика Campus Equip ↗

Модуль 3. TypeScript — типы и модели данных

6 уроков
1. Модели данных, inference и readonly ↗
2. Union types и безопасное сужение ↗
3. unknown, type guards и JSON ↗
4. Generics, keyof и тип результата ↗
5. Utility types и обновление моделей ↗
6. Promise и практикум типизированного сервиса ↗

Модуль 4. React — компоненты и логика приложения

6 уроков
1. Композиция, props и производные данные ↗
2. Custom hooks и управляемые формы ↗
3. Идентичность, зависимости effect и cleanup ↗
4. Асинхронные данные, reducer и Context ↗
5. Списки, состояния UI и useMemo ↗
6. Архитектура и практикум Campus Equip ↗

Модуль 5. SQL — работа с данными

6 уроков
1. Выборки, условия и порядок строк ↗
2. Агрегаты, группы и границы периода ↗
3. JOIN, отсутствующие связи и дубли ↗
4. Подзапросы, CTE и сверка оплат ↗
5. Оконные функции и временные ряды ↗
6. Аналитический практикум Campus Market ↗

Модуль 6. API/JSON — клиентский слой и запросы

6 уроков
1. HTTP: URL, методы и тело запроса ↗
2. Ответы, JSON и классификация ошибок ↗
3. CRUD и граница API-клиента ↗
4. Пагинация и состояния загрузки ↗
5. Отмена, гонки ответов и параллельные запросы ↗
6. Практикум: API-клиент и бронирование ↗

Модуль 7. Debugging — диагностика и исправление ошибок

6 уроков
1. Воспроизведение и диагностика JavaScript ↗
2. TypeScript: чинить модель, а не скрывать ошибку ↗
3. React: состояние, идентичность и жизненный цикл ↗
4. SQL: потерянные строки и неверные итоги ↗
5. Async и API: Promise, ошибки и запросы ↗
6. Практикум: 10 багов приложения Campus Desk ↗

Модуль 8. Code Review — аргументированное ревью изменений

6 уроков
1. Контракт, доказательство и качество замечания ↗
2. TypeScript: модели и ответственность границ ↗
3. React: state, эффекты и корректные замечания ↗
4. SQL: гранулярность, данные и производительность ↗
5. API, ошибки и базовая безопасность ↗
6. Итоговое ревью Pull Request PR-42 ↗