⭐ Рекомендуемый React.js: основы
Создавайте современные интерактивные интерфейсы с React. Компоненты, хуки, управление состоянием, маршрутизация, интеграция с API и деплой реальных проектов. Следующий шаг после JavaScript.
Oleksii Anzhiiak
Софтвер-архитектор, Senior .NET инженер и со-основатель
К концу курса вы сможете
- Собирать production-grade React-приложения через hooks и композицию
- Управлять состоянием без головной боли (useState, useReducer, context, server state)
- Подключать роутинг, формы, fetching — так, как это делают в реальных командах
- Находить и чинить типовые ловушки производительности React
- Проходить React-специфичную часть frontend-собеседования
Подходит ли вам этот курс?
Это для вас, если вы…
- Знаете JavaScript и целитесь в junior frontend — React в 70%+ вакансий
- Пробовали React-туториалы, и они показывали компоненты в вакууме — хотите увидеть, как собирается приложение целиком
- Переходите с другого frontend-фреймворка и хотите быстро впитать ментальную модель React
Не берите этот курс, если…
- Пока не знаете JavaScript — React без JS кажется магией. Сначала #11
- Хотите сравнение React vs Vue vs Svelte — это React-специфичный курс, не обзор
- Хотите нативный mobile / desktop — React Native и Electron существуют, но здесь их нет. Это web-React
Кто ведёт
Oleksii Anzhiiak
Софтвер-архитектор, Senior .NET инженер и со-основатель
Алексей Анжияк — софтвер-архитектор, Senior .NET инженер и со-основатель ToyCRM.com и ProfectusLab. Имея более 15 лет опыта, он специализируется на распределённых системах, облачной инфраструктуре, высоконагруженной backend-разработке и платформах аутентификации. Занимается проектированием архитектуры, созданием безопасных систем авторизации и разработкой современных образовательных программ, которые помогают студентам получить реальные карьерные результаты.
Сейчас ведёт архитектуру ToyCRM.com — мультитенантной CRM-платформы на .NET, которую строит наша команда. Те же паттерны и архитектурные решения, что используются там, напрямую попадают в курсы: identity и авторизация, распределённые сервисы, культура код-ревью. Вы учитесь у инженеров, которые активно отправляют продакшн-код, а не у учебника.
Программа курса
Курс охватывает всё необходимое для создания production React-приложений:
- 1 Модуль 1: JSX и модель компонентов — функциональные компоненты, пропсы, рендеринг
- 2 Модуль 2: Состояние и события — useState, синтетические события, управляемые инпуты
- 3 Модуль 3: Основные хуки — useEffect, useRef, useCallback, useMemo
- 4 Модуль 4: Композиция компонентов — подъём состояния, Context API, кастомные хуки
- 5 Модуль 5: React Router — декларативная маршрутизация, вложенные маршруты, защита роутов
- 6 Модуль 6: Интеграция с API — fetch, axios, асинхронные паттерны, состояния загрузки и ошибок
- 7 Модуль 7: Формы и валидация — управляемые формы, библиотеки, лучшие практики
- 8 Модуль 8: Production-сборка и деплой — Vite, переменные окружения, Vercel/Netlify
Требования
Основы JavaScript (рекомендуется «Введение в JavaScript»).
Требуется уверенное знание основ JavaScript (функции, массивы, промисы, async/await). «Введение в JavaScript» — идеальный предварительный.
Что вы построите
Уходите с portfolio React-приложением, которое собрали сами — нормальная архитектура компонентов, настоящий роутинг, настоящий data fetching, задеплоенное с публичным URL. То, что просят на любом junior frontend-собеседовании, уже готовое к демо.
- JSX, компоненты, props, композиция
- Hooks: useState, useEffect, useReducer, useContext, кастомные
- Роутинг с React Router
- Server state с React Query / fetch
- Производительность: memo, useMemo, useCallback — когда что окупается
Где это в вашей карьере
Читать параллельно с курсом
Первое занятие — за наш счёт. Решение — после знакомства с инструктором.
Поучаствуйте в первой сессии. Если после первого урока решите, что инструктор вам не подходит — вы за него не платите, без неудобных разговоров. (Пробное действует на курсах длиннее 5 занятий; этот курс подходит.)
Стоимость и что входит
Что входит
- 16 живых занятий по 2 часа — ведёт преподаватель лично, а не запись
- Презентация к каждому занятию — остаётся у вас и доступна для повторного просмотра
- Рабочие файлы кода и data-файлы, использовавшиеся на уроке — клонируются к вам на машину
- Еженедельная домашка с личным код-ревью от преподавателя
- Запись по запросу — предупредите преподавателя заранее («не смогу во вторник, пожалуйста, запишите») и занятие будет записано для вас
Частые вопросы
Сколько времени в неделю это займёт?
Закладывайте время на сами занятия плюс примерно 1.5–2 часа практики на каждое. Большинство студентов, которые укладываются в график, тратят 4–6 часов в неделю. Меньше — тоже работает, просто дольше.
Что если я пропущу занятие?
Скажите преподавателю ДО занятия — «не смогу во вторник, пожалуйста, запишите» — и он запишет этот урок и пришлёт вам. Записи не являются автоматическим архивом, они делаются по запросу, когда вы предупреждаете заранее. После урока — выполните домашку и приходите с вопросами на следующее.
Что входит в стоимость?
Живые занятия с преподавателем; презентации к каждому занятию (остаются у вас); рабочие файлы кода и любые data-файлы, использовавшиеся на уроке; домашка с код-ревью каждую неделю; и записи тех занятий, на которые вы предупредили заранее. Всё сверх — сертификат, alumni-доступ, mock-интервью — явно перечислено в «Что входит» над FAQ у тех курсов, где это применимо.
А если я записался, и преподаватель мне не подошёл?
На курсах длиннее 5 занятий первое занятие фактически пробное — если после первого урока решите, что преподаватель вам не подходит, вы за него не платите. Лучше вы уйдёте после одного урока, чем будете 9 недель тянуть на плохой химии. (Курсы из 5 и меньше занятий слишком короткие — пробное предложение там не имеет смысла, действует обычная оплата.)
Можно ли вернуть деньги, если бросаю на середине?
Да — пока неиспользована больше половины курса (т.е. вы прошли меньше 50% занятий). Возврат — пропорционально неиспользованной части. После середины возврат не делаем — считаем, что ценность уже получена.
Можно ли сменить язык преподавания?
Живые занятия идут на языке, указанном в блоке «Доступные языки» выше. Слайды и файлы кода обычно доступны на всех четырёх (английский, русский, украинский, грузинский). Многие студенты слушают занятия на одном языке, а материалы читают на другом — это нормально.
Готов ли я буду к реальной работе после курса?
Один курс редко сам по себе устраивает кого-то на работу — в любой сфере. Этот курс даёт фундамент, который ожидает junior-нанимающий менеджер: рабочий код, который вы написали сами, словарь, чтобы читать чужой код, и привычки, которые делают вас нанимаемым. Честный ответ на «готов ли я?» — на нашей дорожной карте (ссылка в шапке): откройте уровень, на который хотите выйти, и прочитайте чек-лист «Готовы, когда…».
Можно ли оплатить в рассрочку?
Да для курсов, у которых в верхней панели указана «Ежемесячная оплата» — обычно это два-три равных платежа. Курсы без этой опции оплачиваются единовременно. Если цена — преграда, напишите нам, мы смотрим на каждый случай отдельно.
Вам также может понравиться
TypeScript: мастерство
От JavaScript к production-уровню TypeScript. Система типов, дженерики, декораторы, strict mode, продвинутые утилитарные типы и интеграция TypeScript в реальных проектах.
Введение в jQuery
Научитесь использовать jQuery для работы с DOM, событиями, анимациями, AJAX и UI-компонентами. Практический курс для понимания классических фронтенд-паттернов и legacy-проектов.
Введение в JavaScript
Изучите JavaScript с нуля: синтаксис, логику, массивы, функции, объекты, события, DOM, AJAX и хранение данных на клиенте. Надёжный фундамент для фронтенд-разработки.