React.js Developer

Самый популярный JS-фреймворк для Frontend-разработки

28 ноября

4 месяца

Онлайн

Вт/Чт 20:00 Мск

Для кого этот курс?

  • JavaScript-разработчиков с навыками HTML/CSS
  • Backend-разработчиков, желающих стать Fullstack
  • начинающих React-разработчиков

Необходимые знания

  • знакомство с HTML/CSS
  • опыт работы с JavaScript

Будет плюсом

  • знание основ работы браузера и браузерного API
  • базовые навыки работы с Git

Что вам даст этот курс?

  • Научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk
  • Сможете создавать SPA-приложения и оптимизировать их для production
  • Изучите TypeScript и будете писать чистый и лаконичный код, применяя эту технологию
  • Будете применять в работе интеграционные и юнит-тесты
  • Сможете работать в GraphQL, Apollo, Relay

Также вы узнаете, как работает под капотом Webpack и Babel, освоите паттерны функционального программирования и научитесь их применять в React.

Преимущества изучения React.js


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

Процесс обучения

Занятия в OTUS — это не заранее отснятый материал. Вебинары проходят в режиме реального времени, где преподаватели-практики рассказывают об актуальных кейсах и инструментах, которые нужны им в работе сейчас. Вы сможете активно участвовать голосом, практиковаться, задавать вопросы и получать обратную связь. Такой формат дает реальный результат.

А если вы не смогли посетить занятие в реальном времени, то сможете посмотреть его в записи и задать вопрос преподавателю в закрытом Telegram-чате.

Портфолио

Индивидуальная разработка проектной работы

Эксперты


Ревью кода от практикующих специалистов

Оптимальная нагрузка


Возможность совмещать учебу с работой

Партнеры

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

  • Получите помощь с оформлением резюме, портфолио и сопроводительного письма
  • Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров

Работодатели курса

Формат обучения

Интерактивные вебинары


2 онлайн-трансляции по 2 ак.часа в неделю. Доступ к записям и материалам остается навсегда

Практика


Домашние задания + проектная работа, для усиления вашего портфолио и компетенций

Активное комьюнити


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

Программа

Введение и настройка

Этот модуль посвящен написанию приложений с использованием Typescript, установке и настройке проекта для работы с ReactJS.

Тема 1: Основы разработки с использованием пакетных менеджеров и Git

Тема 2: Установка и настройка React

Тема 3: Typescript (1)

Тема 4: Консультация по проекту

React

Этот модуль посвящен основным паттернам, которые часто встречаются на практике, vDOM и перерисовке контента; жизненному циклу компонентов, Lifecycle hooks; разработке компонента с жизненным циклом и покрытие его тестом. Целью является научиться управлять событиями в приложении; работать с формами в приложении, использовать основные и продвинутые паттерны. В модуле продолжаем рассматривать Typescript, изучаем основные и продвинутые паттерны, а также React hooks и React router.

Тема 1: Основы ReactJS. Компоненты

Тема 2: JSX + CSS

Тема 3: Typescript (2)

Тема 4: React lifecycle

Тема 5: React hooks (1)

Тема 6: React hooks (2)

Тема 7: React hooks (3)

Тема 8: Списки, ключи, события, порталы

Тема 9: MVC, SOLID in React. Архитектура

Тема 10: Основы функционального программирования

Тема 11: React patterns

Тема 12: Практика (1) Слайдер диапазона

Тема 13: Практика (2) Всплывающий компонент

React и Окружение

В этом модуле познакомимся с архитектурой React приложения, а также с технологиями, которые являются неотъемлемыми спутниками проекта на React.

Тема 1: Формы, formik, react-hook-form

Тема 2: Jest и тестирование

Тема 3: React-Testing-Library

Тема 4: Роутинг в React приложении

Тема 5: Redux toolkit

Тема 6: Redux thunk

Тема 7: Генераторы и итераторы

Тема 8: Redux-Saga

Тема 9: HTTP and REST API

Тема 10: React-Query, Redux-toolkit query

Тема 11: Websokets and Webworkers

Тема 12: Обзор GraphQL

Тема 13: Аутентификация в веб современном приложении

Тема 14: Репетиция собеседования

Практический модуль

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

Тема 1: Разработка мессенджера (1) Websockets

Тема 2: Разработка мессенджера (2) Websockets

Тема 3: Разработка игры Ветклиника (1) - graphql

Тема 4: Разработка игры Ветклиника (2) - graphql

Тема 5: Разработка блога (1) - rest api + next.js

Тема 6: Разработка блога (2) - rest api + next.js

Проектный модуль

Заключительный месяц курса посвящен проектной работе. Свой проект - это то, что интересно писать студенту. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц, однако к защите надо разработать действующий прототип, который пояснит идею проекта. В процессе написания по проекту можно получить консультации преподавателей. Для достижения результата работа над проектом организуется в виде недельных итераций. Проект должен стать примером кода, который можно показывать потенциальным работодателям. Студент может самостоятельно выбрать технологии из числа изученных на курсе и/или использовать что-то дополнительно.

Тема 1: Выбор темы и организация проектной работы

Тема 2: Консультация по проектам и домашним заданиям

Тема 3: Защита проектных работ

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

Выпускной проект


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

Преподаватели

Руководитель курса

Александр Самак

Frontend разработчик

Василий Ванчук

Leading Expert at Platform Team

Tinkoff

Дарья Наливайко

Кирилл Омаров

Frontend developer

BSC

Арсений Высоцкий

Lead software engineer

Software

Игорь Звягин

Fullstack developer

EdTech

Андрей Осипук

Fullstack developer

Газпром-медиа

Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания

Ближайшие мероприятия

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

Создание чат-приложения с использованием React и WebSockets
Александр Самак
Хотите узнать, как создать чат-приложение с использованием React и WebSockets?

На вебинаре вы узнаете:
- Основы WebSockets и их интеграция с React.
- Реализация функциональности чата.
- Управление состоянием и работа с хранилищем данных (обновление интерфейса при изменении состояния).

Этот вебинар будет полезен:
- JavaScript-разработчикам, которые хотят улучшить навыки работы с React и узнать особенности работы и обновления приложения в режиме реального времени.
- Frontend-разработчикам, желающим понять и использовать WebSockets для создания интерактивных приложений.
- Fullstack-разработчикам для дополнения своих знаний и получения навыков интеграции WebSocket серверов с React-приложениями.

После вебинара вы сможете:
- Настроить и управлять WebSocket соединением в React-проектах.
- Управлять состоянием в React-проектах и работать с хранилищами данных для сохранения истории сообщений.
- Применить знания для создания разнообразных приложений реального времени (чаты, системы уведомлений, онлайн-игры).

Урок пройдет 7 ноября в 20:00 мск и будет приурочен к старту большого курса «React.js Developer». После вебинара вы получите специальную цену на обучение и персональную консультацию от менеджеров!

Регистрируйтесь на открытый вебинар прямо сейчас!
...
7 ноября в 17:00
Открытый вебинар
Использование хуков и мемоизации для оптимизации React-приложений
Александр Самак
Что будет на вебинаре?
- Введение в хуки и их применение в React.
- Разбор основных API хуков: useState, useEffect, useRef, useContext.
- Техники мемоизации для оптимизации производительности: useCallback, useMemo, React.memo.

Каким слушателям вебинар будет полезен?
- Новичкам, стремящимся освоить React и познакомиться с современными методами разработки и оптимизации.
- JavaScript-разработчикам, которые хотят углубить понимание React и познакомиться с современными техниками управления состоянием и побочными эффектами.
- Frontend-разработчикам, стремящимся улучшить производительность своих React-приложений.

Что в результате вебинар узнают пользователи? Как/где смогут применить полученные навыки?
- Как использовать хуки для управления состоянием и побочными эффектами в React-приложениях.
- Как применять мемоизацию для оптимизации производительности компонентов.
- Знания можно будет применить при разработке веб-приложений, требующих оптимизации рендеринга и управления состоянием.
...
26 ноября в 17:00
Открытый вебинар

Прошедшие
мероприятия

Александр Самак
Открытый вебинар
Эффективное управление состоянием в React.js: useState и useReducer
Василий Ванчук
Открытый вебинар
Оптимизация работы компонентов в React.js
Для доступа ко всем прошедшим мероприятиям необходимо пройти входное тестирование
Возможность пройти вступительное тестирование повторно появится только через 3 дня
Результаты тестирования будут отправлены вам на email, указанный при регистрации.
Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!

Корпоративное обучение для ваших сотрудников

OTUS помогает развивать высокотехнологичные команды. Почему нам удаётся это делать успешно:
  • Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
  • Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
  • OTUS проверяет знания студентов перед стартом обучения и после его завершения
  • Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
  • Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
  • OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год

Отзывы

Евгений Мазуренко

21.10.2024
До курса у меня было представление о работе фронтальной части на уровне знаний времен обучения в вузе, дополненных некоторыми представлениями с перспективы бэкенд-разработчика. По ходу курса приходилось много погружаться с самостоятельное углубленное изучение рассматриваемых тем, а также неоднократно пересматривать прошедшие вебинары перед выполнением домашних заданий - все это позволило мне уверено освоиться в технологиях от уровня непонимания синтаксических конструкций языка и выражений на них, которые были продемонстрированы на первых занятиях, до их осознанного выбора в той или иной ситуации, а также уверенного их применения к этапу проектной работы. Курс удовлетворил мои потребности в изучении библиотеки React и сопутствующих современной Web-разработки технологий, достаточном для их качественного последующего применения. Но отмечу, что в моём случае успешности завершения обучения и достижению поставленных целей во многом способствовали: преподавательский состав (отельная благодарность Кириллу Омарову за терпение и акценты на частных практических случаях); интересные домашние задания, вызывающие потребность к повторению материала, а также дополнительному погружению в документацию; не угасший до самого конца интерес к обучению. Спасибо образовательному центру OTUS за предоставленную возможность изучения новых технологий!

Виталий Пиньчук

16.09.2024
Я изучал программирование сам, работал фрилансером, на данный момент работаю в it компании фронтенд разработчиком. У нас все разработчики в рамках корпоративного обучения выбирают OTUS, и у всех хорошие отзывы после обучения. Мне понравилось разнообразие инструментов, если я раньше некоторые только слышал, но не знал для чего нужны, то сейчас уже и поработал с ними. Также понравилось что преподаватели всегда отвечали на вопросы, можно было проконсультироваться. Я бы добавил небольшой экскурс в те инструменты с которыми пришлось обязательно работать (сдавать домашки). Обучение мне дало самое главное - новые знания, я понимание в каких технологиях мне необходимо развиваться дальше

Юлия Старченко

02.09.2024
До курса мои задачи по большей части ограничивались версткой отдельных компонентов и страниц на React, не хватало знаний для решения более сложных задач. Выбрала Otus по отзывам, что курс «сложный», «не для новичков» — для меня это было большим плюсом, т.к. интересовала не база, а актуальный стек и best practices, а преподаватели курса — действующие разработчики. Курс оправдал ожидания, информация актуальная, структурированная, много практических примеров, вопросов «на подумать» и практики (домашки и итоговый проект). Преподавательский состав — опытные и отзывчивые ребята, отдельное спасибо Игорю Звягину, Кириллу Омарову и Александру Самаку. Благодаря курсу научилась самостоятельно решать задачи, которые раньше казались неподъёмно сложными, не бояться незнакомых технологий, поняла как оптимизировать код, сделать читаемым и переиспользуемым. Появилась надежда уйти с фриланса и найти нормальную работу.

Александр Анисенко

26.08.2024
До курса работал с Angular, но появилось желание изучить React. Выбор пал именно на этот курс из-за отзывов и программы, которую он предлагает. Мне действительно понравилось, что на курсе темы раскрывались достаточно хорошо. Хочу отметить, что данный курс не подойдет для совсем новичков в программировании, но для тех, кто имеет некий опыт, тут хорошо раскрыты тонкости данного направления. Из плюсов могу отметить хорошую организацию и преподнесение материала. Из минусов - в конце занятий я зачастую терял суть происходящего, но это скорее связано с онлайн форматом обучения и личной неспособностью сохранять концентрацию (всегда находятся отвлекающие факторы). Однако все занятия записываются и при необходимости можно пересмотреть интересующие моменты в любое удобное время. благодаря этому курсу я повысил свои навыки в программировании и непосредственно по данному направлению. Также OTUS периодически скидывает актуальные вакансии, среди которых, надеюсь и я найду что-то для себя))

Александр Ивенков

04.02.2024
Отличный курс для тех кому необходимо получить практические навыки использования React.js и TypeScript. Покрывает весь основной технологический стек современной разработки на React. Отдельное спасибо: - Дарье Наливайко за освещение тем React lifecycle - Кириллу Омарову за погружение в typescript и работу с хранилищем Redux + redux saga - Игорю Звягину за информацию о микро и макро тасках в javascript - Арсению Высоцкому за информацию о том зачем нужен SSE Минусы: - Мало внимания уделяется тестированию. Тема тестирования освещается ближе к середине курса. При выполнении ДЗ наличие тестов - опционально - В течении курса студентам предлагается объединяться в команды для совместного выполнения ДЗ. Сама по себе идея хороша, но этот процесс практически никак не модерируется. Так же сама структура ДЗ не очень хорошо подходит для разделения между несколькими студентами (за исключением ДЗ с формами и работы с сервером, где объем выполненной работы очень большой)

Михаил Хижняков

30.11.2022
Работал разработчиком VCL компонентов Developers Express, перешёл на фронт-енд с дальнейшим переходом на разработку виджетов на React/Vue/Angular/jQuery в будущем. Для это стал изучать JS более углубленно и решил изучать React. Для этого записался на курс. Выбрал этот курс, поскольку он должен был мне помочь развиваться в компании, в которой Я работал. Также, к таким мыслям меня привели друзья и коллеги - что React это перспективно Понравился преподавательский состав - Игорь и Арсений прекрасные рассказчики, которых слушать одно удовольствие. Рассказывают то, что знают и делятся опытом. Иногда бывает тяжело воспринимать инфу после тяжелого рабочего дня, но для этого есть записи занятий Чего хотелось бы - это разбивка домашних заданий на более частые, но более мелкие и простые - каждая маленькая победа стимулирует учиться лучше учиться. Понимаю, что задачи не самые сложные, но иногда есть желание из одной сделать 2 и как этапы их выполнить. Также хотелось бы иметь некий разбор заданий с преподавателем онлайн или, чтобы показывали примеры для новой темы на схожих с ДЗ задачах, а не на абстрактных. Тогда новое лучше усваивается, когда ты прекрасно понимаешь, что за задача и как всё там уже работает и как должно работать в "идеале" В связи с мировыми событиями работу мне пришлось искать во время учёбы. Так что пока работаю не на React. Но есть перспективы открытия подобной должности и на текущей работе в предстоящем году. Также есть большое желание и далее развиваться в этом направлении. Обучение дало большой толчок в знаниях и в практике, но нужно продолжать и самому практиковаться.

Дмитрий Гриднев

05.08.2022
Курс хороший, достаточно непростой, но с начальными знаниями JS пройти можно(но будет тяжко). Всем доволен, преподаватели хорошие(чувствуется высокий уровень знаний). Всем спасибо, всем доволен :)

Сергей Азаров

17.02.2021
Данный курс мне посоветовал коллега по работе, он остался доволен, как и я :) Курс был выбран, что бы закрыть пробелы в TypeScript, познакомится с emotion, storybook, redux saga и тестированием. Данные знания будут применяться в недалеком будщем, к которому я уже готов. Отдельное спасибо хочу сказать преподавателям Никите и Василию за помощь и менорство в slack. Желаю успехов и развития данном курсу.

Денис Буденный

17.02.2021
Хороший курс, в общем и целом понравился - дается много информации от самых азов, рассматривается много разных вариантов работы, различные технологии - рассказывается о плюсах и минусах тех или иных. Даются действительно полезные знания для работы и общего понимания происходящего. Очень понравился преподавательский состав - они реально молодцы, стараются, очень хорошо выполняют свою работу, хорошо объясняют и доносят информацию, оставляют по делу замечания по домашним работам. Из пожеланий - я бы наверное заменил одно-два занятия которые были на общие отвлеченные темы из разряда "поговорить" на одно-два занятия общих по JavaScript. Понятно что курс не про него, но на мой взгляд было бы полезно и помогло бы в обучении, т.к. большинство тех кто на него приходят не так в этом сильны как требуется. И это бы помогло подтянуть всех до какого то среднего уровня, хотя бы базовые моменты которые используются в работе. Спасибо, рад что попал к вам на курс, получил полезные знания

Александр Пешков

16.02.2021
Хороший курс, навел порядок в хаосе своих знаний. Хотя лично я бы предпочел, что было больше кода и меньше тестов) Возможно я бы сделал меньше функционального программирования, и добавил блок по работе с MobX. Благодарность всем преподавателям, особенно тем кто тратил много времени на подробные ответы на кучу моих вопросов)

Андрей Степанцев

01.12.2020
Отличный курс. Преподаватели профессионально и доступно донесли до меня все необходимые знания, как базовые, так и более углубленные, показали множество интересных технологий, научили работать с новыми и современными инструментами разработки. На каждое ДЗ проводилось код-ревью, преподаватели оставляли полезные комментарии и подсказки. В ходе занятий, а также за его пределами, всегда можно было задать любой вопрос преподавателям или коллегам по обучению и быстро получить на него ответ. Уровень знаний после прохождения курса на работе оценили очень высоко. Буду рекомендовать данную площадку для обучения своим коллегам по работе и друзьям. И обязательно запишусь сюда еще на какой-нибудь из множества интересных курсов.

Максим Кремнев

30.11.2020
Я работаю в компании, которая не связана с разработкой ПО в принципе. Программированием занимаюсь для личного удовольствия в свободное время. Курс выбрал не случайно, хотел изучить инструмент, который хорошо документирован, имеет большой спрос на рынке труда, а так же хочу в компании внедрить самописную CRM, написанную на ReactJS. Поэтому сам себе поставил задачу познать эту библиотеку. На курс пришел с небольшим багажом знаний, поэтому могу сказать, что мне понравился подход в обучении, так как для начинающего разработчика все доступно объясняется, разжевывается и как самое главное даются примеры реализации. Хочу сказать отдельное спасибо Ванчук Василию, его кодревью дают свои плоды в написании хорошего кода. Спасибо за обучение, в заключении скажу, что курс дал хороший толчок для дальнейшего освоения материала и роста в программировании.

Александр Циома

27.11.2020
Курс крутой - не знаю, кто какие ставки делает на него изначально, но я приходил на день открытых дверей, и попал на урок с  Василием Ванчуком. И сразу понял, что хочу здесь учиться. Серьезный подход и знание дела преподавателя меня сразу подкупили. Процесс обучения такой: если ты пришел, думая что посмотришь видео и станешь реакт-разработчиком, то увы это не так. Нужно очень много работать самостоятельно - и это круто, ведь в реальной работе никакое видео или курсы тебя не спасут, когда решаешь реальную нетривиальную задачу. Таким образом, курс оправдал мои ожидания - научил учиться, я разобрал концепты, до которых раньше никак не доходили руки, а теперь ушёл в самостоятельное плавание и погружаюсь во всё изученное самостоятельно. Отдельное слово про домашние работы - они сложные. И если выбирать путь чему-то научиться, то нужно сидеть над ДЗ часами и делать их желательно как можно раньше, иначе в конце может быть очень тяжело. Итого: курс научит учиться, а эффективность от него равна приложенным усилиям.

Евгений Шурупов

06.10.2020
Я работаю backend java-разработчиком в американской компании. Некогда был fullstack, но на фронте не работал с фреймворками типа react, angular или vue. Хотел наконец освоить react, чтобы иметь это как дополнительный бонус на собеседовании или иметь возможность работать fullstack-разработчиком. Кроме того, у меня была задумка реализовать один проект. Хотел сделать его на современных технологиях. В курсе понравилось то, что кроме самого реакта, рассматривается весь современный стек фронтенда. Это babel, webpack, typescript, jest, storybook, loki. С этим я не был знаком, но безусловно сейчас это необходимо. Кроме того, рассматривается весь стек, связанный с react, это reactRouter, redux, saga, redux-saga-test-plan. После этого курса, я смело могу устраиваться, как fullstack, так и frontend-разработчиком. Курс сам по себе сложный. В курсе много домашних заданий, на которые надо тратить значительные усилия и время. Семья на время потеряла меня, потому что, после работы, во "вторую смену" я уходил в домашки. Бывало, что до поздней ночи. Но это того стоило. В то же время преподаватели всегда были готовы прийти на помощь. Как в slack-чате, в кабинете, так и на уроках, где можно было задать любой вопрос, в том числе по домашкам. Незначительными минусами для меня можно назвать настойчивое преуменьшение актуальности ООП по сравнению с функциональным программированием и то, что тема с graphql была несколько скомканной. Но в будущем, уверен, это учтут. Да и это не так важно, по сравнению со всем остальным.

Мария Кондаурова

04.09.2020
До обучения в OTUS год работала верстальщиком, решила качаться дальше по ветке frontend. Курс React.js Developer выбрала из-за актуальности фреймворка и того, что react был "на слуху". Если вы хотите получить пользу от курса, а не просто прослушать ради сертификата - нужно работать и много. На курсе давались практические домашние задания, которые позволяли освоить полученный на лекции материал практически. По домашним заданиям была орошая обратная связь - твою домашнюю работу не просто примут, но и после ревью скажут, то можно было бы сделать лучше. Для меня, как неопытного разработчика, это был хороший способ узнать о многих best practice. Кроме ревью, преподавателям всегда можно задавать вопросы, на которые они дают развернутый ответ и помогают. Отдельное спасибо Василию Ванчуку - лучший преподавататель !!!

Сертификат о прохождении курса

OTUS осуществляет лицензированную образовательную деятельность. В конце обучения вы получите сертификат OTUS о прохождении курса

После обучения вы:


  • заберете с собой полный комплект обучающих материалов: видеозаписи всех вебинаров, презентации к занятиям, а также решение задач и проектов в виде кода на github и другие дополнительные материалы;
  • получите сертификат о прохождении курса;
  • приобретете опыт Frontend-разработки на React.

Частые вопросы

Что, если в середине курса я не смогу продолжать обучение?
У вас есть право одного бесплатного трансфера в другую группу
Обязательно ли защищать выпускной проект?
Для получения сертификата OTUS необходимо сдать проект. Кроме того, проект необязательно защищать перед аудиторией, а можно сдать в чате с преподавателем.
С какого момента я смогу заниматься трудоустройством?
Получить карьерную консультацию вы сможете уже в начале обучения. Остальные опции: помощь с резюме, добавление резюме в нашу базу специалистов и т.д. будут доступны после окончания обучения.
Я могу вернуть деньги?
Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.