-15%

Профессия Мидл Frontend-разработчик — Освойте продвинутый стек

Подробнее →

Logotype

Навигация

8 (800) 700-22-51

Звонок по России бесплатный

WhatsApp / Telegram

Общение через мессенджер

Войти в личный кабинет

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

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

  • icon

    Важная технология в стеке middle frontend-разработчика

  • icon

    Проект на курсе — собственное React-приложение на TypeScript

  • icon

    8 недель работы с наставником в чате

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

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

    Вам не хвататет времени из-за работы, чтобы сесть и разобраться в технологии самостоятельно. С наставником это сделать быстрее и проще.

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

    Вы скупили тонну книжек и пересмотрели кучу видео, но так и не смогли понять, каким образом на React строятся действительно сложные и крупные приложения.

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

    Вы понимаете, что такое React в теории, но еще не выпускали ничего в продакшен. На курсе уделите отдельное внимание своему React-приложению.

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

React

JavaScript-библиотека, с помощью которой разработчики создают интерфейсы. Лидирует как самая популярная JavaScript-технология в этой области.

Другие инструменты пользуются меньшим спросом: Angular — 20,4 %, Vue.js — 18,8 %, Svelte — 4,6 %.

По данным Stack Overflow

Хуки

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

Оптимизация

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

PWA (Progressive Web App)

Могут быть созданы с использованием различных технологий и фреймворков для веб-разработки, включая React. Благодаря этому пользователи получают опыт, как в нативных приложениях.

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

И обретете уверенность не только в своих знаниях, но и в умении работать с людьми.

before

Сейчас:
Понимаете, что такое компоненты, и можете использовать их при выполнении небольших и несложных задач. Хотите научиться работать с архитектурой и уверенно писать сложные React-приложения.

after

После курса:
Используете продвинутые возможности 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

Зар Захаров

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

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

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

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-компаниях прямо сейчас.

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

Мы используем cookie. Продолжая использовать сайт, Вы даете свое согласие на использование cookie для хранения данных. Подробнее.