-10%

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

Подробнее →

Навигация

8 (800) 700-22-51

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

WhatsApp / Telegram

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

Программа обучения
«React-разработчик»

На курсе вы не просто изучите кусочки React, а поймете принципы работы с фреймворками и полноценно освоите React

Изучите самую популярную библиотеку на JS

Создадите свое fullstack-приложение с нуля

Пройдете код-ревью от наставника middle+

React — это JavaScript-библиотека для создания пользовательских интерфейсов

Большинство известных вам приложений написано как раз на React.

Топ-3 фреймворка в 2024 году

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

React JS занимает лидирующее место
2,5 млн сайтов на React; 14,5 тыс скачиваний на GitHub; на 20 000+ выше зарплаты; >50% ваканcий на рынке

Актуальность

В сравнение с другими подобными технологиями, React обновляется гораздо чаще. Новые обновления выходят каждые 2-3 месяца.

Универсальность

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

Сообщество

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

React и трудоустройство

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

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

Redux

Технология, которая сэкономит ваше время и упростит работу с данными.

Научитесь управлять состоянием данных и пользовательским интерфейсом внутри приложения.

Backend-технологии

Знание серверной части позволит вам понимать коллег в команде и самостоятельно вести проекты.

Сейчас рекрутеры ищут универсальных специалистов, которые могут работать автономно.

TypeScript

Надстройка над JavaScript, которая поможет избежать большинства проблем JavaScript.

С помощью TS ваш код будет предсказуемым, расширяемым и более безопасным.

Карьера разработчика — это марафон

А изучение фреймворка — его важнейшая часть. И от того, что вы учите и как, будет зависеть ваша награда на финише — трудоустройство.

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

С поддержкой специалистов больше вероятность достичь результата. На курсе вы получите глубокое понимание технологии и изучите принципы frontend-разработки.

Ваш результат —
трудоустройство после курса

Рекрутер с опытом в IT доведет за руку до трудоустройства: вы составите сильное резюме, подготовитесь к собеседованию и найдете работу.

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

Давид Захаров

Самоучка

student

Дмитрий Лебедев

Окончил вуз

student

Мария Воробьёва

Result University

student

Алина Голубева

Проходила курсы

student

Янис Кузнецов

Другие школы

student

Дамир Баранов

Самоучка

student

Кому и зачем нужно знать React?

Если вы умеете работать с React, вам будет проще устроиться на работу и освоить любой другой фреймворк.

  • Уже знаете HTML, CSS, JS и Git

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

  • Начали учить React самостоятельно

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

  • Хотите освоить еще один фреймворк

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

Вы не просто изучите React

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

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

Курс «React-разработчик» можно пройти в двух форматах — «Профессия» и «Экспресс». У каждого из форматов есть свои преимущества.

Кто будет вести вас за руку

Вы приобретете знания от профессионалов

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

Темы для дипломного проекта на курсе

Другие темы дипломов

Дополнительные проекты,
которые вы разработаете во время учебы

NaN / 10

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

Введение в React

1 неделя

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

1. Что такое React и в чем его особенности?

2. Как велась разработка до появления React?

3. Императивность и декларативность.

4. Знакомство с JSX, как он преобразуется с помощью Babel.

5. Суть компонентного подхода.

6. Подготовка редактора кода для эффективной работы с React-приложениями.

7. Знакомство с ESLint, EditorConfig и Prettier.

8. Первое React-приложение с Create React App.

Компоненты

1 неделя

Поймете, что такое компоненты, зачем они нужны, как их создавать и с ними работать.

1. Устройство и особенности компонентов в React.

2. Состояние компонента, его создание и изменение, а также причем здесь иммутабельность.

3. Вывод списков в JSX, использование key.

4. Условный рендеринг.

5. Обработка пользовательских событий, таких как клики, нажатия клавиш и другие.

6. Работа со стилями в компонентах, динамический рендеринг CSS-классов в зависимости от состояния компонента.

Композиция компонентов

1 неделя

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

1. Передача данных между компонентами.

2. Разница между props и state.

3. Проп children.

4. Использование PropTypes для типизации props.

5. Концепции One-way dataflow, Single Source of Truth.

6. Разница между stateful и stateless-компонентами.

7. Работа с React DevTools.

8. Зачем нужен «строгий режим» в React и как его активировать.

Формы

2 недели

Научитесь работать с формами в React.

1. Контролируемые и неконтролируемые поля.

2. Пользовательские (кастомные) хуки, разработка собственных хуков.

3. Использование нативного <select> с React, знакомство с библиотекой React Select.

4. Валидации полей с помощью нативных средств, а также с помощью библиотеки Yup.

5. Знакомство с хуком useRef() и его использование для доступа к DOM-элементам.

6. Знакомство с библиотекой React Hook Form, а также ее использование вместе с Yup.

Запросы к серверу

2 недели

Научитесь отправлять сетевые запросы из React-компонента.

1. Изучение хука useEffect().

2. Создание мока (имитации) backend-сервера, чтобы не зависеть от настоящего сервера при разработке frontend-части приложения.

3. Использование пакета JSON Server для создания локального сервера.

4. Разбор всех CRUD-операций и их выполнение с помощью HTTP-методов POST, GET, PUT/PATCH и DELETE.

5. Отправка запросов к сервису JSON Placeholder.

6. Знакомство с платформой Firebase, использование её базы данных и выполнение развертывания приложения.

Маршрутизация (React Router)

2 недели

Научитесь добавлять маршрутизацию на стороне клиента в React-приложениях с помощью React Router v6.

1. Основные компоненты React Router, такие как Routes, Route, Outlet.

2. Отличия между компонентами Link и NavLink.

3. Выполнение программной навигации с помощью компонента Navigate и хука useNavigate().

4. Создание и настройка страницы с ошибкой 404 для обработки несуществующих маршрутов.

5. Полезные хуки React Router: useParams(), useMatch(), useRoutes().

Context API

1 неделя

Познакомитесь с React Context, узнаете о его возможностях и научитесь использовать в приложениях.

1. Что такое React Context и для чего он может быть полезен?

2. Создание Контекста и внедрение его в приложение.

3. Обновление значения Контекста.

4. В каких случаях стоит использовать Контекст?

5. Что такое Flux?

6. Хук useReducer().

7. Понятие State management и его реализация его на основе Context API.

Введение в State Management. Основы Redux

1 неделя

Поймете принцип работы Redux и изучите его основные концепции.

1. Что такое state management, зачем он нужен в приложении и какие проблемы помогает решить?

2. Основные составляющие Redux: action, reducer, store. Как эти части взаимодействуют между собой.

3. Реализация собственного мини-Redux.

4. 3 принципа Redux, которым нужно следовать, чтобы минимизировать количество багов в приложении.

State Management. React Redux. Redux Thunk

1 неделя

Научитесь эффективно использовать Redux с React.

1. Пакет React Redux, его внедрение в React-приложение.

2. Хуки React Redux — useSelector(), useDispatch() и useStore().

3. Дробление состояния с редьюсером на составные части с помощью функции combineReducers().

4. Сравнение React Context с React Redux, когда что использовать.

5. Работа с асинхронными действиями и пакетом Redux Thunk.

6. Возможности Redux DevTools.

Заключительный урок по React

2 недели

Расширите знания о React и связанных с ним технологиях, изучите хуки для оптимизации производительности, рассмотрите популярные паттерны (Render Props и HOC), а также ознакомитесь со старыми подходами в разработке.

1. Зачем нужно быть в курсе слегка устаревших технологий?

2. Механизм рендера React-компонентов.

3. Хуки для оптимизации производительности приложения (useCallback() и useMemo()), а также функция React.memo().

4. Классовые компоненты, сравнение с функциональными.

5. Паттерны Render Props ****и HOC.

6. Способ подключения Redux к React с помощью функции connect().

7. Чем отличается 5-я версия React Router от 6-й?

8. Знакомство с библиотекой Tailwind CSS.

Практика на React

4 недели

С нуля реализуете клиентскую часть большого многостраничного приложения «Блог», благодаря чему сможете проработать большинство теоретических тем по React и на реальном примере увидите, как проходит разработка приложения. Также на этом этапе вы начнете разработку собственного дипломного проекта.

1. Введение

2. Начало работ

3. Вход и регистрация

4. Страница Пользователи

5. Статьи и комментарии

6. Главная страница

7. Станицы ошибок. Финальные доработки

8. Итоговая frontend-часть

Backend

5 недель

Узнаете более детально, что такое backend. Освоите полный цикл создания сайта — fullstack на JavaScript. Еще один огромный плюс в копилку ваших умений и преимуществ.

1. Введение

2. Основы

3. Дополнительно. Стандартные модули

4. Web-сервер

5. Создаем Backend. Часть 1

6. Создаем Backend. Часть 2

7. Создаем Backend. Часть 3

8. Интеграция Backend & Frontend

9. Deployment Docker

TypeScript

2 недели

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

1. Что такое TypeScript и зачем он нужен

2. Базовые типы

3. Работа с типами

4. Компилятор

5. Generic

Сдача дипломного проекта

2 недели

После завершения всех учебных модулей в течение 2 недель сдадите дипломный проект. Мы разберем и оценим ваш дипломный проект, а также дадим подробную обратную связь. Если не успеете, сдать диплом можно в течение 3 месяцев.

Дополнительные модули

4 недели

Получите важные soft skills. Эти навыки помогут найти работу, правильно себя подать на собеседовании и зарекомендовать себя как профессионала.

• Английский язык для IT

• Личное позиционирование

• Трудоустройство в IT

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

Наши специалисты из отдела заботы ответят на ваш вопрос

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

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

React — основной инструмент фронтендера

Вы освоите технологии, необходимые, чтобы получить уровень junior+ и устроиться на работу,
а мы сделаем этот процесс наиболее удобным и понятным для вас

Тщательный отбор информации

Из огромного количества тем вы получаете только необходимые.

Доступная информация

Простыми словами объясняем сложные темы на понятных примерах.

Много практики

Вы осваиваете навык, когда пишете код, поэтому 80 % курса — это практика.

Актуальные материалы

Адаптируем материалы, как только на рынке обновляются технологии.

Тщательный отбор информации

Из огромного количества тем вы получаете только необходимые.

Доступная информация

Простыми словами объясняем сложные темы на понятных примерах.

Выбирайте тариф, который подходит именно вам

React-разработчик

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

Материалы

Доступ к модулям «React», «Практика на React», «Backend» и «TypeScript»

Тестовые задания к урокам

Промежуточные тестирования

Доступ на 11 месяцев

Модуль о личном позиционировании

Модуль подготовки к трудоустройству

Модуль английского для IT

Сопровождение

Один хакатон в команде и мастер-классы

Закрытая группа до 20 человек

3 личных, 11 групповых созвонов с наставником

Сертификат школы

Диплом о профессиональной переподготовке

Защита дипломного проекта

Трудоустройство

2 технических собеседования

Поддержка коуча по трудоустройству

Вернём деньги за обучение

В течение 3 дней после старта обучения.

Оплата по месяцам

Доступна рассрочка от банков на 6/12 мес. без переплат.

При покупке курса

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

135 600 ₽

108 480 ₽

от 9 040 ₽/мес

Экономия 27 120 ₽

Оставьте заявку и начните учебу на курсе. Закрытие набора 17.06.

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

Если вы не нашли ответа на свой вопрос,задайте его

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

Чтобы вы спокойно шли по ходу обучения и не пытались наверстать недостающие знания в процессе, вам потребуются базовые знания во фронтенд-разработке: основы верстки на HTML и CSS, JavaScript и Git.

Чем формат «Экспресс» отличается от формата «Специалист»?

Сопровождение. На «Экспрессе» вы выполняете задания на платформе, там же получаете обратную связь от наставников и общаетесь с ними в общем чате по интересующим вас вопросам. На «Специалисте» вас распределяют в группу, к которой прикреплен один наставник. С ним вы можете не только пообщаться в общем чате или на платформе, но также созвониться лично и поговорить тет-а-тет.
Учебный темп. На «Экспрессе» у вас нет четких дедлайнов, так как доступ к курсу, материалам, чату с наставником и проверке заданий у вас открыт на год. В пределах этого времени вы можете самостоятельно контролировать скорость своего обучения и заниматься, когда вам удобно. На «Специалисте» уроки открываются каждую неделю и есть определенный порядок сдачи заданий. Система дедлайнов позволяет равномерно идти по программе и не попадать в ситуации, когда «хвосты» тянутся месяцами.
Самодисциплина в учебе. Формат «Экспресс» позволяет проходить материал в своем темпе, но требует больше самостоятельности и дисциплины в учебе. На «Специалисте» за вашим прогрессом будет следить наставник и помогать вам, когда возникнут сложности. Однако тут важно понимать, что мы не сможем учиться «за» вас, равно как и переложить знания авторов в вашу голову. Для результата на любой программе обучения вам придется постараться.

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

Формат «Специалист» дает возможность получить и сертификат, и диплом гособразца. На «Экспрессе» можно получить только сертификат Result.

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

Курс длится 7 месяцев. За это время вы изучите React и сопутствующие инструменты, TypeScript, необходимые backend-технологии, а также подготовитесь к трудоустройству. Экспресс-формат курса может занять меньше времени, при этом доступ к модулям по трудоустройству, английскому в IT и личному позиционированию будет закрыт.

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

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

А у меня получится устроиться на работу?

На курсе «React-разработчик» вы получите знания, которые позволят вам устроиться на работу в качестве frontend-разработчика уровня junior. Но некоторые наши студенты после этого курса устраиваются и на позицию middle. В конце программы вас ждет отдельный этап трудоустройства. Вам поможет карьерный коуч, который даст четкие инструкции, как составить индивидуальное резюме (не шаблон — это важно!), сопроводительное письмо, а также разберет ваш кейс на собеседовании.

А если я передумаю становиться разработчиком?

Если после старта обучения вы поймете, что профессия вам не подходит, мы вернем вам деньги за неоткрытые недели обучения на курсе в формате «Специалист» и в течение 3 первых дней — в формате «Экспресс».

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

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

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

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

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

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

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