Чему вы научитесь
- Строить ясные и стилизованные архитектурные паттерны.
- Проектировать фронт по слоям: UI/Features/Services/State.
- Использовать Redux Toolkit для хранения данных.
- Устанавливать локализацию языка EN/RU.
- Настраивать рендеринг ReactMarkdown и подсветку кода с Prism.
О курсе
Практический курс-конструктор. Вы собираете фронт-проект на Next.js с чёткой архитектурой (Tailwind, UI + features, Smart/Dumb-компоненты, сервисы, языковая локализация, глобальное хранилище, слои данных и типов), подключаете стили и полезные библиотеки, highlighter для подсветки, howler для музыки, получаете стилизованный ИИ демо-чат. Это фундамент, на который в Части II мы поставим Django-бэкенд, авторизацию и агрегатор ИИ-моделей.
Подача предельно прикладная: минимум теории, готовые фрагменты кода и команды — вы просто складываете «кубики» в правильном порядке и впитываете паттерны.
Так будет выглядеть ваш проект в финале курса: локальный аккуратный фронт с демо-чатом и переходом по ссылке в реальный AI-чат следующего курса.
Что НЕ входит (и будет в курсе II):
- Бэкенд на Django/DRF и авторизация.
- Интеграция LLM-моделей (текст/код/изображения).
- Деплой.
Куда развивается проект: в статье на Хабре — полный микро-SaaS с бэкендом, платежами и SEO
Для кого этот курс
Начальные требования
- Уверенный CLI.
- Node.js 20+, npm; любой редактор (VS Code).
- Базовый JS/TS (типы, модули, промисы/async).
- ОС: Windows/macOS/Linux. 8 ГБ RAM достаточно. GPU не требуется.
Наши преподаватели
Как проходит обучение
- Каждый шаг — готовые блоки кода + команды. Копируете, запускаете, проверяете.
- В конце урока — простая викторина на внимательность.
- В конце модулей — снапшоты проекта на текущей стадии.
- Финал курса — локальный красивый фронт с демо-чатом.
Рекомендуемые траектории
- Начальный/средний: пройти все шаги → получить фронт → в следующем курсе интегрировать бэкенд/модели/деплой.
- Опытные: быстро пробежать шаги, забрать архитектурные приёмы, интегрировать в свои проекты.
Программа курса
Что вы получаете
- Базовый фронт-проект на Next 15 / React 19 с опрятной архитектурой.
- Набор шаблонов и паттернов для дальнейшей работы.
- Базу для развития: бэкенд на Django 5.1, авторизация, интеграция ИИ, платежки.