Практическое обучение
Помимо аудиторных занятий, вы будете закреплять пройденные темы на практике вместе с преподавателем и наставником.
Создать аккаунт и подать заявку
РАЗРАБОТКА ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ · ПРОДВИНУТЫЙ УРОВЕНЬ
Продвинутая фронтенд-разработка
Освойте продвинутые техники фронтенд-разработки, включая оптимизацию производительности, прогрессивные веб-приложения, управление состоянием и современную архитектуру CSS. Курс сфокусирован на практическом применении через реальные проекты.
Продвинутый12 недели48 часовОчно
Выбранный курс будет перенесён в Ingress Portal.
ПРЕИМУЩЕСТВА КУРСА
Наставники
Знания и навыки, полученные в академии, будут дополнительно усилены благодаря системе наставничества.
Академическая справка
Задания и проекты проверяются преподавателем, а ваши знания и навыки фиксируются по итогам курса.
ВАШ УРОВЕНЬ
НачальныйСреднийПродвинутыйЭксперт
ЧТО ВЫ СМОЖЕТЕ ДЕЛАТЬ
Навыки, которыми вы овладеете к концу этого курса.
- Проектировать масштабируемую архитектуру фронтенд-приложений на основе React и Redux Toolkit
- Оптимизировать производительность React-приложений с помощью мемоизации, конкурентных функций и профилирования
- Реализовывать сложные асинхронные сценарии и middleware с использованием RTK Query, Redux Saga и собственных решений
- Применять продвинутые паттерны проектирования компонентов (compound components, HOC, render props)
- Строить и валидировать сложные формы с помощью react-hook-form, Yup и Zod
- Писать unit- и интеграционные тесты для React и Redux с использованием Jest и React Testing Library
- Настраивать CI/CD и деплой production-ready приложений (Vercel, Netlify, Docker)
- Внедрять современные подходы: React Server Components, TypeScript, микрофронтенды и интернационализацию
КРАТКАЯ ПРОГРАММА
Ознакомьтесь со структурой, не читая учебник.
Модули свёрнуты для быстрого просмотра. Откройте любой модуль, чтобы увидеть его темы.
01Вводное занятие и повторение базовых концепций5 уроков+
Основы React: функциональные компоненты, JSX, props/state, жизненный цикл с хуками (useState, useEffect)
Основы Redux: store, actions, reducers, useSelector, useDispatch
Однонаправленный поток данных и иммутабельность
Введение в Redux Toolkit: configureStore, createSlice
Распространённые ошибки и антипаттерны
02Масштабируемая архитектура и управление состоянием4 урока+
Масштабируемая архитектура: структура на основе фич, domain-driven design
Контейнерные и презентационные компоненты
Модульный Redux с Redux Toolkit: createSlice, createAsyncThunk, createEntityAdapter
Стратегия управления состоянием: глобальное vs локальное, когда использовать Redux, Context или state компонента
03Асинхронные процессы и middleware4 урока+
Управление API с помощью RTK Query: получение данных, кэширование, поллинг
Продвинутая асинхронная логика с createAsyncThunk
Написание собственного middleware: логирование, метрики, уведомления
Сравнение middleware: Redux Thunk vs Redux Saga
04Оптимизация производительности5 уроков+
Внутреннее устройство React: жизненный цикл рендеринга, batching, reconciliation
Конкурентные возможности: startTransition, useDeferredValue
Инструменты мемоизации: React.memo, useMemo, useCallback
Профилирование с помощью React DevTools и flamegraph
Оптимизация Redux с помощью reselect и избежание лишних перерендеров
05Продвинутые паттерны проектирования компонентов4 урока+
Составные компоненты (compound components)
Управляемые и неуправляемые компоненты
Render props и компоненты высшего порядка (HOC)
Композиция компонентов на основе хуков
06Формы и валидация4 урока+
Библиотеки форм: react-hook-form vs formik
Валидация схем: Yup, Zod
Динамические формы и условная логика
Техники повышения производительности и валидации на уровне полей
07Тестирование React и Redux приложений4 урока+
Unit-тестирование: компоненты и слайсы с помощью Jest
Интеграционное тестирование с React Testing Library
Стратегии мокирования: Redux store, асинхронная логика (msw, jest.fn)
Стратегия покрытия тестами и интеграция с CI/CD
08Практики реальной разработки и реализация проекта5 уроков+
Создание production-ready дашборда: аутентификация, API, графики, формы
Конфигурации окружений и feature flags
Error boundaries и запасные интерфейсы
Логирование, аналитика и observability
Стратегии деплоя: Vercel, Netlify, Docker, CI/CD
09Дополнительные продвинутые темы5 уроков+
React Server Components (RSC) и стриминг
TypeScript с React и Redux
Инструменты монорепозиториев: Turborepo, Nx
Архитектура микрофронтендов
Интернационализация (i18n) и локализация
БЛИЖАЙШИЕ ГРУППЫ
Выберите группу, которую вы действительно сможете посещать.
Показаны только текущие открытые группы.
НАЧАЛО
Будет объявлено
Очно- Расписание
- Будет объявлено
- Формат
- Очно
- Длительность
- 12 недели · 48 часов
- Язык
- Уточните у консультанта
“Программа помогла мне связать отдельные навыки с тем, как реальные команды проектируют, создают и поставляют ПО.”
Смотрите реальные истории выпускников из сообщества Ingress.
Изучить результаты выпускниковЗАЯВКА ЧЕРЕЗ INGRESS PORTAL
Выбранный курс сохраняется, пока вы создаёте аккаунт.
Мы используем один аккаунт Portal для заявок, оценок и будущего прогресса обучения. Вам не нужно отправлять данные по почте или снова выбирать курс.
Сначала вопросы? Поговорите с консультантом- 01
Создайте аккаунт Portal или войдитеВаши контактные данные привязаны к одному профилю студента.
- 02
Подтвердите данные заявкиПродвинутая фронтенд-разработка уже выбран.
- 03
Отправьте заявкуПриёмная команда получает её сразу и может связаться с вами через Portal.
ВЫБРАННЫЙ КУРСПродвинутая фронтенд-разработкаОчно
Продолжить в Ingress Portal Уже зарегистрированы? Portal позволит вам войти.