React Advanced — освойте самую популярную библиотеку для создания пользовательских интерфейсов на уровне middle
Технология, которую выбирает большинство разработчиков
Важная технология в стеке middle frontend-разработчика
Проект на курсе — собственное React-приложение на TypeScript
8 недель работы с наставником в чате
Курс подойдет, если вы хотите
Наконец освоить React
Вам не хвататет времени из-за работы, чтобы сесть и разобраться в технологии самостоятельно. С наставником это сделать быстрее и проще.
Понять тонкости библиотеки
Вы скупили тонну книжек и пересмотрели кучу видео, но так и не смогли понять, каким образом на React строятся действительно сложные и крупные приложения.
Узнать, что такое React на практике
Вы понимаете, что такое React в теории, но еще не выпускали ничего в продакшен. На курсе уделите отдельное внимание своему React-приложению.
Чему вы научитесь на курсе?
React
JavaScript-библиотека, с помощью которой разработчики создают интерфейсы. Лидирует как самая популярная JavaScript-технология в этой области.
Другие инструменты пользуются меньшим спросом: Angular — 20,4 %, Vue.js — 18,8 %, Svelte — 4,6 %.
Чему вы научитесь на курсе?
React
JavaScript-библиотека, с помощью которой разработчики создают интерфейсы. Лидирует как самая популярная JavaScript-технология в этой области.
Другие инструменты пользуются меньшим спросом: Angular — 20,4 %, Vue.js — 18,8 %, Svelte — 4,6 %.
По данным Stack Overflow
Хуки
В React есть множество встроенных хуков, и разработчики также могут создавать собственные, чтобы переиспользовать логику между компонентами, делая код более модульным и облегчая его поддержку и расширение.
Оптимизация
React имеет обширные возможности для улучшения производительности приложений, такие как ленивая загрузка компонентов, мемоизация и многое другое.
PWA (Progressive Web App)
Могут быть созданы с использованием различных технологий и фреймворков для веб-разработки, включая React. Благодаря этому пользователи получают опыт, как в нативных приложениях.
Вы увидите свой прогресс
И обретете уверенность не только в своих знаниях, но и в умении работать с людьми.
Сейчас:
Понимаете, что такое компоненты, и можете использовать их при выполнении небольших и несложных задач. Хотите научиться работать с архитектурой и уверенно писать сложные React-приложения.
После курса:
Используете продвинутые возможности React при создании больших и сложных приложений. Самостоятельно пишете пользовательские хуки, знаете, как оптимизировать приложения, умеете работать с PWA и проектировать архитектуру.
Программа курса
Жизненные циклы
Поймете, что такое жизненные циклы компонентов React, научитесь их использовать и закрепите основы React.
1. Коллекции и ключи
2. Иммутабельные переменные
3. Жизненный цикл компонента
4. Методы жизненного цикла классового компонента
5. Жизненные фазы функционального компонента
6. Рендер функционального компонента
7. Условный рендеринг
Хуки
Получите представление о всех самых важных хуках React и поймете, в каких задачах они могут быть полезны.
1. Введение в хуки
2. useState()
3. useReducer()
4. useEffect()
5. useLayoutEffect()
6. useRef()
7. useMemo()
8. useCallback()
9. useTransition()
10. useDeferredValue()
Пользовательские хуки
Научитесь создавать и применять пользовательские (кастомные) хуки в React для повторного использования логики в компонентах.
1. Введение. useLocalStorage(). useUpdateLogger()
2. useToggle()
3. useTimeout()
4. useDebounce()
5. useUpdateEffect()
6. useArray()
7. useThrottle()
Формы
Научитесь эффективно работать с формами и полями ввода в React, контролировать состояние формы и обрабатывать введенные данные.
1. Работа с полями ввода. Начало
2. Множественные поля ввода
3. Контролируемые поля ввода
4. Лайфхак для неконтролируемых полей ввода
5. Работа с формой
6. Сброс полей ввода в форме
7. focus и blur при работе с полями ввода
React Router v6
Научитесь создавать маршрутизацию в приложении с помощью React Router v6.
1. Введение в React Router
2. Динамические сегменты
3. Типы Router
4. useParams()
5. Специфичные пути и страница 404
6. Вложенные страницы
7. Outlet
8. Вложенный роутинг. Контекст Outlet
9. useRoutes()
10. Link
11. NavLink
12. Navigate и useNavigate()
13. useSearchParams()
14. useLocation()
Context API
Познакомитесь с Context API. Узнаете, какие проблемы он решает, и научитесь использовать его в работе.
1. Введение в Context API
2. Provider и useContext()
3. Передача событий в Контекст
4. Оптимизация использования Контекста
5. Private Route с использованием Context API
Оптимизация
Научитесь увеличивать производительность приложений и улучшать пользовательский опыт, используя различные техники оптимизации.
1. Динамический импорт
2. lazy() и Suspense
3. Lazy loading и useTransition()
4. Создание динамических компонентов
5. Error Boundary
6. Infinity Scroll
Архитектура приложения
Научитесь создавать хорошо организованные и легко масштабируемые React-приложения.
1. Сборщики
2. Структура приложения
3. Дизайн-системы
PWA
Научитесь создавать PWA с возможностью работы в офлайн-режиме.
1. Введение в PWA
2. Подготовка проекта
3. Аудит с Lighthouse
4. Манифест
5. Введение в сервис-воркеры
6. Жизненный цикл сервис-воркера
7. Регистрация сервис-воркера
8. Событие Install
9. Событие Activate
10. Аудит. Оптимизация под Lighthouse
11. Событие Fetch
12. Кэширование статики
13. Получение статичного кэша
14. Версии кэша
15. Динамический кэш
16. Офлайн-режим. Рефакторинг
17. Публикация приложения
Итоговый проект
Создадите упрощенную копию приложения «Заметки» из операционной системы macOS с помощью React.
Остались вопросы?
Наш отдел заботы готов ответить на любой вопрос
В конце обучения вы напишете
дипломный проект
Заметки
Копия приложения из операционной системы macOS.
Создать приложение на TypeScript с помощью Vite или Webpack и React Router v6.
Зар Захаров
- Ведущий UI-разработчик «ВКонтакте»
- Преподаватель по образованию
- Опыт разработки более 16 лет
- Ex-разработчик в компаниях «Альфа-банк», «Тинькофф»
- Член Программного комитета конференции FrontendConf (с 2018 г.)
- Спикер на конференции React Day Berlin (2019 г.)
- В 2020 г. провел первый марафон по программированию на тему JavaScript и React
- Обучил более 1500 человек
- Умею объяснять сложные вещи просто и емко
Получите документ после курса
По окончании курса вы получите сертификат от Result University, подтверждающий вашу квалификацию.
React — важная технология в вашем стеке
Вы разовьете необходимый для работы навык до уровня middle.
А наша задача — сделать изучение этого навыка наиболее удобным и понятным для вас.
Начните обучение сейчасНачните сейчас
React Advanced
Пополните свой стек самой популярной JS-библиотекой и получите доступ к большинству вакансий на рынке.
- Нужно знать TypeScript и основы React
- Длительность курса и кураторская поддержка — 8 недель.
- Доступ к материалам и всем обновлениям на 12 месяцев.
- Тесты и практические задания.
- Проверка ваших практических заданий и подробная обратная связь.
- Доступ к курсу открывается сразу после оплаты.
21 560 ₽
12 936 ₽
TypeScript + React Advanced
Выучите язык программирования и освойте популярную JS-библиотеку, чтобы комплексно подготовиться к работе middle-разработчиком.
- Нужно знать основы React
- Длительность курсов и доступ кураторская поддержка — 10 недель.
- Доступ к материалам и всем обновлениям на 12 месяцев.
- Тесты и практические задания.
- Проверка ваших практических заданий и подробная обратная связь.
- Доступ к двум курсам открывается сразу после оплаты.
29 050 ₽
17 430 ₽
Часто задаваемые вопросы
Что нужно знать для старта?
Получу ли я сертификат?
Сколько длится курс?
Как проходит обучение?
Сколько времени нужно будет уделять учебе?
На какое время доступен курс и чат?
Могу ли я оплатить бонусными монетами?
Что такое монеты и как их заработать?
Можно ли вернуть деньги за курс?
Остались вопросы?
Почему мы этим занимаемся
Доказываем, что попасть в IT реально.
В основе курса — актуальные данные. Обучаем на практике и без воды.
Даем реальные задачи, над которыми работают
в IT-компаниях прямо сейчас.
Помогаем найти работу, сделать качество жизни лучше и начать карьеру в разработке.