Перейти к основному контенту
СОДЕРЖАНИЕ
  1. Выбор стэка и старт проекта (16 мин.)
  2. Скелет приложения и навигация (58 мин.)
  3. Первые метрики дашборда (21 мин.)
  4. График и аналитика проекта (30 мин.)
  5. Блок последних задач (35 мин.)
  6. Карточка задачи как в продукте (35 мин.)
  7. Фильтрация задач по статусу (26 мин.)
  8. Сортировка задач по дедлайну (16 мин.)
  9. Модалка редактирования задачи (21 мин.)
  10. Форма задач с валидацией (49 мин.)
  11. Создание задач и уведомления (54 мин.)
  12. Таймлайн задач в интерфейсе (40 мин.)
  13. Форма входа в приложение (36 мин.)
  14. Авторизация на моковых данных (23 мин.)
  15. Защита приватного интерфейса (22 мин.)
  16. Подключение API и бэкенда (55 мин.)

Интенсив Full-stack Middle

С нуля до production-ready full-stack

Course previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse previewCourse preview
Next JS
React
TypeScript
Supabase
PostgreSQL
TanStack Query
TailwindCSS
Zod
React Hook Form
Jotai
Framer Motion
Cypress
JavaScript
ChatGPT
Claude
Copilot
47уроков
28часов практики
125заданий
Max [RED GROUP]
Основатель проекта
Max [RED GROUP]

Чем этот интенсив отличается от других?

Уникальные особенности, которые вы не найдете в других курсах

Современный full-stack стек

Соберете мощное production-ready приложение на Next.js 16, React 19, TypeScript и Supabase.

Удобный вход без пароля

Сделаете авторизацию через Magic Link: вход по email, сессия пользователя и защита приватных страниц.

Realtime чат и умный поиск

Добавите живой чат и глобальный поиск по задачам и проектам, как в реальных командных продуктах.

Дашборды, аналитика и тесты

Сделаете дашборды с графиками, timeline задач, экспорт данных и протестируете ключевые сценарии через Cypress.

Разработка с полного нуля

Вы научитесь создавать проект с полного нуля - от инициализации до готового проекта

Шикарная оптимизация

Максимальная производительность, lazy loading, code splitting и кэширование

Используй наши преимущества

Практический проект

Разработка проекта, готового для портфолио или коммерции.

Уверенность

Знания и практика, с которыми легко отвечать на вопросы и проходить интервью.

Актуальный стек

Только реальные технологии и подходы, которые применяются сегодня.

Опыт основателя

Обучение от действующего разработчика без чтения по бумажке.

Крепкий фундамент

Не сухая теория, а прочные навыки и понимание, как всё работает на практике.

Минимизация трат

Проект написан с нуля и не используют платные сервисы с подписками.

Подарок при покупке интенсива

Вы получаете доступ к VIP чату на 6 месяцев, там сможете задать свой вопрос, обсудить задачу с другими пользователями.

Твое резюме после прохождения интенсива

Должность
Full-stack React Developer (Middle)
Зарплата
От 180 000 руб. ($2000)

Стек технологий:

  • Next JS
  • React
  • TypeScript
  • Supabase
  • PostgreSQL
  • TanStack Query
  • TailwindCSS
  • Zod
  • React Hook Form
  • Jotai
  • Framer Motion
  • Cypress
  • JavaScript
  • ChatGPT
  • Claude
  • Copilot

Могу:

  • Разрабатывать production-ready full-stack приложения на современном стеке: Next.js 16, React 19, TypeScript и Supabase.
  • Реализовывать passwordless-аутентификацию через Magic Link: вход по email, подтверждение через Supabase Auth, работа с сессией и защищённые маршруты через middleware.
  • Проектировать архитектуру React-приложений: App Router, серверные и клиентные сервисы, разделение ответственности, централизованная работа с маршрутами и типами.
  • Работать с TanStack React Query: кеширование, refetch, placeholderData, optimistic updates и синхронизация UI с серверными данными.
  • Использовать Jotai для локального состояния и выносить бизнес-логику из компонентов в отдельные сервисы и хуки.
  • Реализовывать полноценный CRUD для задач: создание, редактирование через intercepted modal route, удаление, фильтрация, сортировка и привязка к проектам.
  • Создавать систему подзадач: добавление sub-task, прогресс-бар, автоматический расчёт прогресса и вычисление статуса задачи.
  • Реализовывать CRUD для проектов: создание с авто-генерацией slug, выбор цвета, редактирование, удаление и страница деталей проекта.
  • Строить систему ролей и прав доступа: owner / admin / member, PermissionGuard, hasPermission и типобезопасная матрица разрешений.
  • Создавать дашборды и аналитику: карточки метрик, графики Recharts, переключение периодов, распределение задач по статусам и таблицы статистики.
  • Реализовывать Timeline задач: временная шкала, позиционирование карточек по времени и индикатор текущего момента.
  • Создавать страницу расписания: интерактивный календарь, задачи по датам и список задач для выбранного дня.
  • Реализовывать глобальный поиск через Command Dialog: поиск по задачам и проектам, группировка результатов и навигация.
  • Подключать Supabase Realtime: подписка на postgres_changes, real-time чат и оптимистичное отображение сообщений.
  • Создавать страницу активности: маппинг событий задач и проектов, единый формат событий и группировка по дате.
  • Реализовывать командные страницы: участники, аватары, роли и счётчики по категориям.
  • Добавлять экспорт данных в PDF, Markdown, JSON и TXT через диалог выбора формата.
  • Делать настройки профиля: редактирование имени, загрузка аватара через Dropzone, работа с Supabase Storage и превью изображения.
  • Создавать адаптивный UI с тёмной и светлой темой на Tailwind CSS v4, Radix UI, Motion и next-themes.
  • Валидировать формы через react-hook-form и Zod: auth, task, project, profile и другие пользовательские сценарии.
  • Писать типобезопасный код: строгий TypeScript, автогенерация типов Supabase, понятные модели данных и предсказуемая структура проекта.
  • Покрывать ключевые сценарии E2E-тестами на Cypress: создание подзадач, проверка валидации, множественные действия и data-testid атрибуты.

Что значит Интенсив?

Интенсив - это когда за сжатые сроки вы осваиваете большой стэк технологий.

Почему лучше обучаться на нашей платформе?

Мы предлагаем не просто уроки, а полноценный образовательный опыт, где каждый элемент создан для вашего успеха.
1

Глубокое погружение

Актуальные технологии и навыки, готовые для реальной работы.
2

Уникальный формат обучения

Учитесь в удобном темпе с доступом к проектам и репозиториям.
3

Высокое качество контента

Видео в 4K с продуманной подачей для комфортного обучения.

Участвуй в жизни проекта!

551

Урок на проекте

43046

Активных пользователей

74424

Урока выполнено

Хочешь убедиться в качестве?

Посмотри реальные отзывы наших студентов в Telegram 💙
Смотреть отзывы

Сертификат по окончании интенсива

Данный документ, станет крутым дополнением к Вашему резюме при трудоустройстве на работу.

Сертификат будет доступен в электронном формате, это позволит с легкостью подтвердить Ваш уровень веб разработки.

Почему на английском? Так как Вы можете работать удаленно, почему бы не направить резюме за границу?

Большинству русскоязычных компаний подойдет данный сертификат, также можете запросить русскую версию
RED SUPPORT

Сертификат начисляется, только после сдачи своего проекта с таким же стэком, но на другую тему!

Сертификат

Часто задаваемые вопросы

Не упусти шанс, стать веб разработчиком! Действуй!

Выбери курс и начинай получать профессию будущего