Промокод REACT8
React.js Developer
Самый популярный JS-фреймворк для Frontend-разработки
27 ноября
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: Основы ReactJS. Компоненты
React
Этот модуль посвящен основным паттернам, которые часто встречаются на практике, vDOM и перерисовке контента; жизненному циклу компонентов, Lifecycle hooks; разработке компонента с жизненным циклом и покрытие его тестом. Целью является научиться управлять событиями в приложении; работать с формами в приложении, использовать основные и продвинутые паттерны. В модуле продолжаем рассматривать Typescript, изучаем основные и продвинутые паттерны, а также React hooks и React router.
Тема 1: Typescript (1)
Тема 2: JSX + CSS
Тема 3: Использование Storybook при создании UI компонентов
Тема 4: Typescript (2)
Тема 5: React lifecycle
Тема 6: React hooks (1)
Тема 7: React hooks (2)
Тема 8: React hooks (3)
Тема 9: Списки, ключи, события, порталы
Тема 10: MVC, SOLID in React. Архитектура
Тема 11: Основы функционального программирования
Тема 12: React patterns
Тема 13: Практика (1) Слайдер диапазона
Тема 14: Практика (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: Знакомство с Next.js. Основы Next.js и маршрутизация (1)
Тема 6: Знакомство с Next.js. Запрос данных и авторизация в Next.js (2)
Проектный модуль
Заключительный месяц курса посвящён проектной работе. Проект – это самая интересная часть обучения. Вы будете разрабатывать его на основе полученных на курсе навыков и компетенций. В процессе работы над проектом можно получить консультацию преподавателей.
Тема 1: Выбор темы и организация проектной работы
Тема 2: Консультация по проектам и домашним заданиям
Тема 3: Защита проектных работ
Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит
Проектная работа
На протяжении всего курса вы будете работать над собственным проектом. Его разработка нужна для окончательного закрепления знаний, которые были получены в рамках пройденных занятий. При успешном выполнении он станет образцом кода, который React.js разработчик сможет показывать будущим работодателям.
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Ближайшие мероприятия
Открытый вебинар — это настоящее занятие в режиме он-лайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
- Подключим внешний API (Unsplash или Pexels) и выведем настоящие фотографии.
- Соберём галерею с динамическим поиском по ключевому слову.
- Сделаем ленивую подгрузку: картинки будут догружаться по скроллу.
- Добавим переключатель светлой и тёмной темы через Context API.
- Разберём, как хуки (useState, useEffect) превращаются в живую логику приложения.
Для кого этот вебинар?
- Для тех, кто уже попробовал React, но хочет научиться собирать проекты с API.
- Для фронтендеров, которые хотят «оживить» интерфейсы и улучшить UX.
- Для тех, кто хочет добавить в портфолио маленький, но эффектный проект.
Что узнают участники?
- Как связать React с реальным API и загружать данные.
- Как использовать обработку событий и хуки для построения интерфейса.
- Как работает lazy loading и почему это must-have для UX.
- Как за 1.5 часа собрать приложение, которое выглядит как реальный сервис.
Открытый урок проходит на основе курса «React.js Developer»
- Разберём, как устроен React Router и зачем он нужен в реальных проектах.
- Подключим открытое API (FakeStore) и загрузим настоящие товары.
- Соберём две страницы: список товаров и страницу деталей для каждого товара.
- Поймём, как компоненты, роутинг и запросы к API превращаются в законченное приложение.
- Покажем, как даже без сложной логики можно собрать мини-Single Page Application.
Для кого этот вебинар?
- Для JavaScript-разработчиков с опытом HTML и CSS, которые хотят перейти к React.
- Для Backend-разработчиков, стремящихся стать Fullstack, чтобы понять базовый фронтенд на практике.
- Для начинающих React-разработчиков, которым нужен простой, но реальный проект для уверенности.
Что узнают участники?
- Как с нуля настроить роутинг и динамические страницы в React.
- Как подключаться к API и выводить данные на страницу.
- Как организовать структуру компонентов и не запутаться.
- Как за вечер собрать мини-приложение, похожее на реальный интернет-магазин.
- Заглянем под капот React: разберем, что такое Virtual DOM и Fiber Architecture - системе, которая делает React быстрым и отзывчивым.
- Разбор процесса обновления интерфейса: как React принимает решение, что и когда перерисовывать на экране, и почему некоторые компоненты обновляются, а другие - нет.
- Практические выводы для повседневной работы: как знание внутреннего устройства React помогает писать более производительный код, избегать лишних перерисовок и правильно использовать мемоизацию.
Кому будет интересен этот вебинар?
- Frontend-разработчикам, планирующим серьёзно углубить свои знания работы React.
- React-разработчикам, которые хотят перестать просто "кодить" и начать понимать, как их код работает внутри, чтобы осознанно решать проблемы производительности.
- Всем, кто уже знаком с основами React (компоненты, хуки, состояние) и хочет сделать следующий шаг в своем развитии, понимая не только "как", но и "почему".
Что узнают участники?
- Как на самом деле React обновляет интерфейс и почему это знание - ключ к написанию быстрых приложений.
- Принципы работы алгоритма сравнения (Reconciliation), которые помогут избежать распространенных ошибок и подскажут, когда и зачем использовать ключи (key).
- Уверенность в принятии решений по оптимизации - вы будете точно знать, когда нужно применять React.memo, а когда это будет лишним, и как структурировать компоненты для максимальной эффективности.
Открытый урок проходит на основе курса «React.js Developer»
Прошедшие
мероприятия
Возможность пройти вступительное тестирование повторно появится только через 3 дня
Результаты тестирования будут отправлены вам на email, указанный при регистрации.
Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!
Этот курс может оплатить ваш работодатель
- Подробно расскажем об интересующем вас курсе
- Объясним, как договориться с работодателем
- Сообщим стоимость обучения и варианты оплаты
- Ответим на вопросы
- Предоставим шаблон договора и счёт на оплату
Отзывы
Подтверждение знаний и навыков
OTUS осуществляет лицензированную образовательную деятельность. Вы получите сертификат о прохождении обучения, а также можете получить удостоверение о повышении квалификации.
После обучения:
- Удостоверение о повышении квалификации: если вы успешно защитили выпускной проект
и готовы предоставить копию документа о высшем или среднем профессиональном образовании - Доступ к учебным материалам курса
- Ваш личный проект, который поможет проходить собеседования
React.js Developer
Полная стоимость
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Пройдите тестирование и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно