Где можно пройти курс «TypeScript|React: собираем клиент интернет-каталога с перепиской»?

Курс доступен на образовательной платформе Stepik по адресу stepik.org/course/292135.

Курс на Stepik

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

5 900 ₽

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

Name: TypeScript|React: собираем клиент интернет-каталога с перепиской
Price: 5900.00 RUB
Availability: InStock
Rating: 0 (0 reviews)

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

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

Показатель	Текущие показатели		Рост
Показатель	Значение	🏆 Рейтинг	3 дн	7 дн	30 дн
Учеников на курсе	25
Сертификатов выдано	0
Отзывов получено	0
Рейтинг курса	0.000
Количество уроков	114
Количество квизов	337
Количество задач с кодом	4
Время прохождения курса	16 ч.	—
Стоимость курса	5 900 ₽	—
Обновления курса	—	—
Дата публикации курса	2 месяца назад	—	—	—	—
Последнее обновление	8 августа 2026	—	—	—	—
Сложность	normal	—	—	—	—

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

Разделы в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»

19 разделов Уроки в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»

114 уроков Тесты в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»

337 тестов Задачи в курсе «TypeScript|React: собираем клиент интернет-каталога с перепиской»

4 задачи Время прохождения курса «TypeScript|React: собираем клиент интернет-каталога с перепиской»

16 ч.

обн. 8 августа 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. Это все ↗