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

Другие инструменты пользуются меньшим спросом: 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.

Приложение должно быть создано с помощью Vite, webpack или Create React App и написано на TypeScript с использованием React Router v6.

Остались вопросы?

Наш отдел заботы готов ответить на любой вопрос

В конце обучения вы напишете
дипломный проект

Заметки

Копия приложения из операционной системы macOS.

Создать приложение на TypeScript с помощью Vite или Webpack и React Router v6.

React

Vite

Webpack

TypeScript

RRDv6

В конце обучения вы напишете
дипломный проект

Заметки

Копия приложения из операционной системы macOS.

Создать приложение на TypeScript с помощью Vite или Webpack и React Router v6.

React

Vite

Webpack

TypeScript

RRDv6

Зар Захаров

Ведущий UI-разработчик «ВКонтакте»
Преподаватель по образованию
Опыт разработки более 16 лет
Ex-разработчик в компаниях «Альфа-банк», «Тинькофф»
Член Программного комитета конференции FrontendConf (с 2018 г.)
Спикер на конференции React Day Berlin (2019 г.)
В 2020 г. провел первый марафон по программированию на тему JavaScript и React
Обучил более 1500 человек
Умею объяснять сложные вещи просто и емко

Получите документ после курса

По окончании курса вы получите сертификат от Result School, подтверждающий вашу квалификацию.

React — важная технология в вашем стеке

Вы разовьете необходимый для работы навык до уровня middle.
А наша задача — сделать изучение этого навыка наиболее удобным и понятным для вас.

Важная галочка в резюме

За восемь недель обучения.

Авторский опыт

Получите знания из «первых уст» от практикующего специалиста.

Сложные кейсы

Вас ждет практика и итоговый проект. С подобными задачами работают в больших компаниях.

Куратор уровня middle

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

Индивидуальный темп

Учитесь в своем темпе, когда вам удобно.

Комьюнити

Знакомьтесь, обучайтесь вместе и помогайте друг другу.

Важная галочка в резюме

За восемь недель обучения.

Авторский опыт

Получите знания из «первых уст» от практикующего специалиста.

Начните обучение сейчасНачните сейчас

React Advanced
Пополните свой стек самой популярной JS-библиотекой и получите доступ к большинству вакансий на рынке.
- Нужно знать TypeScript и основы React
- Длительность курса и кураторская поддержка — 8 недель.
- Доступ к материалам и всем обновлениям на 12 месяцев.
- Тесты и практические задания.
- Проверка ваших практических заданий и подробная обратная связь.
- Доступ к курсу открывается сразу после оплаты.
21 560 ₽

TypeScript + React Advanced
Выучите язык программирования и освойте популярную JS-библиотеку, чтобы комплексно подготовиться к работе middle-разработчиком.
- Нужно знать основы React
- Длительность курсов и доступ кураторская поддержка — 10 недель.
- Доступ к материалам и всем обновлениям на 12 месяцев.
- Тесты и практические задания.
- Проверка ваших практических заданий и подробная обратная связь.
- Доступ к двум курсам открывается сразу после оплаты.
29 050 ₽

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

Что нужно знать для старта?

Чтобы освоить материал, предствленный на курсе, вам необходимо хорошо знать HTML, CSS, JS, владеть TS и знать основы React (состояние и пропсы, работа с API, стилизация приложений, опыт создания простых SPA).

Получу ли я сертификат?

Каждый выпускник курса React Advanced получает сертификат от Result, который можно прикрепить к своему резюме.

Сколько длится курс?

Курс рассчитан на 8 недель. За это время вы проходите все необходимые middle-разработчику темы в React и отрабатываете полученные знания на практике.

Как проходит обучение?

После регистрации на нашей платформе у вас появится личный кабинет. В нем вы сможете отслеживать свой прогресс, выполнять задания и получать обратную связь от куратора. На протяжении всего курса с вами работает наставник, который проверяет ваши работы и помогает разобраться со сложными темами. Ваше взаимодействие будет комфортным и быстрым — каждое задание проверяется в течение одних суток.

Сколько времени нужно будет уделять учебе?

Разным людям необходимо разное количество времени. На курсе React Advanced на просмотр уроков и выполнение заданий будет уходить не более часа в день. Если окажется, что вам нужно больше времени, это не значит, что у вас не получится. Это значит ровно то, что нужно заниматься чуть больше, чтобы освоить материал.

На какое время доступен курс и чат?

Доступ к курсу и чату — год, кураторская поддержка — 8 недель.

Могу ли я вернуть деньги?

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

Могу ли я оплатить бонусными монетами?

Да, вы можете оплатить бонусными монетами до 20 % стоимости курса.

Остались вопросы?

Мы считаем, что практическое образование — ключ к результативному обучению. Данный курс также наследует этот принцип.

Вы можете получить бесплатную консультацию: отдел заботы ответит на любые вопросы.

Почему мы этим занимаемся

Доказываем, что попасть в IT реально.

В основе курса — актуальные данные. Обучаем на практике и без воды.

Даем реальные задачи, над которыми работают
в IT-компаниях прямо сейчас.

Помогаем найти работу, сделать качество жизни лучше и начать карьеру в разработке.

React Advanced — освойте самую популярную библиотеку для создания пользовательских интерфейсов на уровне middle

Технология, которую выбирает большинство разработчиков

Курс подойдет, если вы хотите

Наконец освоить React

Понять тонкости библиотеки

Узнать, что такое React на практике

Чему вы научитесь на курсе?

React

Чему вы научитесь на курсе?

React

Хуки

Оптимизация

PWA (Progressive Web App)

Вы увидите свой прогресс

Программа курса

Остались вопросы?

В конце обучения вы напишете дипломный проект

Заметки

В конце обучения вы напишете дипломный проект

Заметки

Зар Захаров

Получите документ после курса

React — важная технология в вашем стеке

Важная галочка в резюме

Авторский опыт

Сложные кейсы

Куратор уровня middle

Индивидуальный темп

Комьюнити

Важная галочка в резюме

Авторский опыт

Начните обучение сейчасНачните сейчас

React Advanced

TypeScript + React Advanced

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

Остались вопросы?

Почему мы этим занимаемся

В конце обучения вы напишете
дипломный проект

В конце обучения вы напишете
дипломный проект