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 разработчик сможет показывать будущим работодателям.

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

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

Leading Expert at Platform Team

Tinkoff

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

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

Frontend developer

BSC

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

Lead software engineer

Software

Игорь Звягин

Fullstack developer

EdTech

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

Fullstack developer

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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