Курс на Stepik
Обложка курса «TypeScript|React: собираем клиент интернет-каталога с перепиской» на Stepik
5 900 ₽

TypeScript|React: собираем клиент интернет-каталога с перепиской ★ 5.000

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

Практический курс по созданию клиентского приложения для маркетплейса на React, TypeScript и Vite: от авторизации и каталога товаров до личного кабинета, админ-панели и переписки пользователей

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»Учеников на курсе 29
Сертификаты, выданные на курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»Сертификатов выдано 1
Отзывы о курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»Отзывов получено 1
Рейтинг курса «TypeScript|React: собираем клиент интернет-каталога с перепиской»Рейтинг курса 5.000
Уроки в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»Количество уроков 114
Тесты в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»Количество квизов 336
Задачи с кодом в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»Количество задач с кодом 4
Время прохождения курса «TypeScript|React: собираем клиент интернет-каталога с перепиской»Время прохождения курса —
Стоимость курса «TypeScript|React: собираем клиент интернет-каталога с перепиской»Стоимость курса 5 900 ₽ —
Обновления курса «TypeScript|React: собираем клиент интернет-каталога с перепиской»Обновления курса — —
Дата публикации курса «TypeScript|React: собираем клиент интернет-каталога с перепиской»Дата публикации курса — ———
Последнее обновление курса «TypeScript|React: собираем клиент интернет-каталога с перепиской»Последнее обновление — ———
Сложность normal — ———

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

Разделы в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской» 19 разделов Уроки в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской» 114 уроков Тесты в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской» 336 тестов Задачи в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской» 4 задачи Время прохождения курса «TypeScript|React: собираем клиент интернет-каталога с перепиской» 18 ч. Последнее обновление курса «TypeScript|React: собираем клиент интернет-каталога с перепиской» обн. 16 сентября 2026

Первые шаги

1 урок
1. Старт ↗

Модуль 1. Запуск проекта и первый экран

4 урока
1. Создаём проект с нуля ↗
2. Первый список товаров на экране ↗
3. Что делать, когда запрос упал ↗
4. Индикатор загрузки и оформление ↗

HTML

30 уроков
1. Что это такое ↗
2. Как браузер отображает ↗
3. Как работает сайт. Гипертекст и язык разметки ↗
4. Какие теги есть ↗
5. Заголовки ↗
6. Предварительная настройка ↗
7. Документация ↗
8. Задание. Использование заголовков ↗
9. Разбор задания. Использование заголовков ↗
10. Абзацы ↗
11. Задание. Абзацы ↗
12. Разбор задания. Абзацы ↗
13. Emmet, Lorem, средства генерации текста для HTML ↗
14. Void-элементы ↗
15. Задание. Void-элементы + абзацы ↗
16. Разбор задания. Void-элементы + абзацы ↗
17. Встречка ↗
18. Списки ↗
19. Задание. Приготовить пастилу ↗
20. Разбор задания. Готовим пастилу вместе ↗
21. Вложенные списки ↗
22. Атрибуты ↗
23. Гибридная практика. Как сделать свой сайт ↗
24. Fake API. Когда бэкенд не успевает за фронтендом ↗
25. Image ↗
26. Полный шаблон ↗
27. Полный шаблон. Демонстрация ↗
28. Мотивация к выполнению ТЗ ↗
29. Техническое задание ↗
30. Проектный ориентир. Результат ТЗ ↗

Модуль 2. Архитектура FSD и базовая инфраструктура

5 уроков
1. Как устроим проект: архитектура FSD ↗
2. Удобные импорты через алиас @ ↗
3. Подключаем Bootstrap ↗
4. Единая точка для запросов к API ↗
5. Первые переиспользуемые компоненты ↗

Новый модуль

1 урок
1. Новый урок ↗

Модуль 3. Маршрутизация и каркас интерфейса

4 урока
1. Навигация между страницами ↗
2. Общий каркас страниц ↗
3. Шапка сайта с меню ↗
4. Раскладываем страницы по местам ↗

Модуль 4. Сессия пользователя и работа с токеном

6 уроков
1. Кэшируем данные с сервера ↗
2. Описываем пользователя и сессию ↗
3. Запоминаем вход между перезагрузками ↗
4. Текущий пользователь доступен везде ↗
5. Подставляем токен в каждый запрос ↗
6. Реагируем на «вы не авторизованы» ↗

Модуль 5. Регистрация, вход и защита страниц

9 уроков
1. Запрос на вход ↗
2. Собираем логику входа ↗
3. Готовим форму входа ↗
4. Делаем форму входа удобной и надёжной ↗
5. Регистрация: заготовка ↗
6. Форма регистрации ↗
7. Выход из аккаунта ↗
8. Шапка под авторизованного пользователя ↗
9. Закрываем приватные страницы ↗

Модуль 6. Каталог товаров

7 уроков
1. Описываем товар ↗
2. Запросы за товарами ↗
3. Хуки для каталога ↗
4. Список товаров на главной ↗
5. Красивая карточка товара ↗
6. Страница одного товара ↗
7. Полная карточка товара ↗

Модуль 7. Личный кабинет

11 уроков
1. Выделяем пользователя в отдельную сущность ↗
2. Получаем актуальный профиль ↗
3. Страница профиля ↗
4. Оформляем профиль ↗
5. Общий индикатор загрузки ↗
6. История действий: данные ↗
7. История действий на странице ↗
8. Таблица истории действий ↗
9. Смена пароля: логика ↗
10. Форма смены пароля ↗
11. Смена пароля без разлогина ↗

Модуль 8. Товары продавца

5 уроков
1. Создание товара: логика ↗
2. Страница «Мои товары» ↗
3. Форма создания товара ↗
4. Редактирование товара: заготовка ↗
5. Форма редактирования товара ↗

Модуль 9. Удаление и поиск товаров

6 уроков
1. Удаление товара: логика ↗
2. Окно подтверждения удаления ↗
3. Запросы поиска и фильтрации ↗
4. Строка поиска ↗
5. Фильтры по категории и цене ↗
6. Страница поиска ↗

Модуль 10. Администрирование

9 уроков
1. Данные для администратора ↗
2. Страница списка пользователей ↗
3. Таблица пользователей ↗
4. Блокировка пользователя: логика ↗
5. Блокировка и разблокировка ↗
6. Карточка пользователя: заготовка ↗
7. Карточка пользователя ↗
8. Все товары глазами админа ↗
9. Каркас админки ↗

Модуль 11. Уведомления и пагинация

7 уроков
1. Всплывающие уведомления ↗
2. Сообщения об успехе ↗
3. Вторая версия API-клиента ↗
4. Запросы с пагинацией ↗
5. Готовим постраничную загрузку ↗
6. Каталог загружается страницами ↗
7. Переключаем страницы каталога ↗

Модуль 12. Изображения товаров

10 уроков
1. Получаем картинку товара ↗
2. Фото товара в карточке ↗
3. Фото на странице товара ↗
4. Загрузка изображения: логика ↗
5. Выбор файла: заготовка ↗
6. Подключаем загрузку фото ↗
7. Форма загрузки фото ↗
8. Удаляем загруженное фото ↗
9. Иконки категорий ↗
10. Обложка витрины и анимация карточек ↗

Модуль 13. Поддержка: обращения

15 уроков
1. Разбираемся с модулем поддержки ↗
2. Описываем обращения и сообщения ↗
3. Запросы за обращениями ↗
4. Страница поддержки: каркас ↗
5. Список обращений: заготовка ↗
6. Список обращений на экране ↗
7. Оформляем список обращений ↗
8. Когда обращений ещё нет ↗
9. Переписка внутри обращения ↗
10. Ответ на обращение: логика ↗
11. Форма ответа на обращение ↗
12. Отмечаем сообщения прочитанными ↗
13. Создание обращения: логика ↗
14. Форма нового обращения ↗
15. Закрываем обращение ↗

Модуль 14. Администрирование поддержки

10 уроков
1. Админ-страница поддержки ↗
2. Вкладки по статусам ↗
3. Список обращений: каркас ↗
4. Список обращений и переход в диалог ↗
5. Диалог глазами администратора ↗
6. Ответ администратора ↗
7. Чиним пузыри и ссылку «Поддержка» ↗
8. Автопрокрутка переписки ↗
9. Обновление в реальном времени ↗
10. Уведомление о новом ответе ↗

Модуль 15. Витрина и финал

4 урока
1. Флажок «Наш выбор» ↗
2. Hero-блок с призывом к действию ↗
3. Финал главной страницы ↗
4. Подведение итогов ↗

Окончание

1 урок
1. Это все ↗