Рассрочка
React.js Developer
Самый популярный JS-фреймворк для Frontend-разработки
29 августа
5 месяцев
Онлайн
Ср/Пт 19: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 разработчик сможет показывать будущим работодателям.
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Ближайшие мероприятия
Открытый вебинар — это настоящее занятие в режиме он-лайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
- Разработчики React, которые хотят научиться писать надежные тесты
- Для тех, кто уже знаком с Jest, но хочет освоить современный подход к тестированию
- Всем, кто хочет понять, как тестировать компоненты без лишних деталей реализации
Что будет на вебинаре от курса "React.js Developer"?
- Основы React Testing Library (RTL) – философия и ключевые принципы
- Разница между RTL и Enzyme – почему стоит выбрать Testing Library?
- Практика: пишем тесты для реальных React-компонентов
- Лучшие практики: как тестировать рендеринг, события, асинхронный код
- Демо: тестирование кастомных хуков и работа с Mock-запросами
Какие результаты и навыки получат участники после вебинара?
- Понимание, как писать тесты, которые не ломаются при рефакторинге
- Навыки тестирования компонентов так, как с ними взаимодействуют пользователи
- Примеры кода и полезные материалы для дальнейшего изучения
- Разберём, что такое Next.js и чем он отличается от обычных React-приложений
- Поймём, как SSR ускоряет загрузку страниц и улучшает SEO
- Соберём мини-сайт с несколькими страницами: каталог товаров и страницы с деталями по каждому товару
- Подключим открытое API (FakeStore) и выведем список товаров на сервере
- Покажем, как структура папок в Next превращается в готовую маршрутизацию
- Объясним базовую архитектуру проекта на Next и как с этим работать в реальной жизни
Для кого этот вебинар?
- Для React-разработчиков, которые ни разу не работали с Next.js
- Для тех, кто хочет сделать свои проекты быстрее, удобнее и лучше с точки зрения SEO
- Для фронтендеров, которые слышали про SSR, но не пробовали на практике
- Для тех, кто хочет начать использовать Next в работе без сложных деталей и лишней теории
Что узнают участники?
- Чем Next.js помогает разрабатывать многостраничные сайты и приложения
- Как с нуля собрать мини-сайт с динамическими страницами товаров
- Почему SSR делает проекты быстрее и удобнее для пользователей
- Как начать использовать Next для реальных проектов на React
- Что изучать дальше, чтобы перейти от первых шагов к профессиональной разработке на Next.js
- Создание живых и отзывчивых интерфейсов в React, используя современные инструменты - библиотеку анимаций Framer Motion и API Intersection Observer для отслеживания появления элементов в зоне видимости.
- Разберем основные техники и подходы, которые превращают обычный UI в продуманный, эффектный и запоминающийся пользовательский опыт.
Для кого этот вебинар?
- React-разработчикам, которые хотят добавить визуальную выразительность и современный UX в свои проекты.
- Фронтенд-разработчикам, интересующимся анимацией интерфейсов без перегрузки сторонними библиотеками.
- Тем, кто уже работал с Framer Motion или слышал о нем, но хочет понять реальные кейсы его применения.
Что узнают участники?
- Как работает Framer Motion: основные компоненты, props, ключевые концепции анимации.
- Что такое Intersection Observer, зачем он нужен и как его правильно интегрировать в React.
- Комбинирование анимаций и scroll-based интерактива для создания живого интерфейса.
Прошедшие
мероприятия
Возможность пройти вступительное тестирование повторно появится только через 3 дня
Результаты тестирования будут отправлены вам на email, указанный при регистрации.
Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Отзывы
Подтверждение знаний и навыков
OTUS осуществляет лицензированную образовательную деятельность. Вы получите сертификат о прохождении обучения, а также можете получить удостоверение о повышении квалификации.
После обучения:
- Удостоверение о повышении квалификации: если вы успешно защитили выпускной проект
и готовы предоставить копию документа о высшем или среднем профессиональном образовании - Доступ к учебным материалам курса
- Ваш личный проект, который поможет проходить собеседования
React.js Developer
Полная стоимость
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Пройдите тестирование и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно