React.js Developer

Разработчик React.js

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

Длительность обучения:

4 месяца

4 ак. часа в нед.

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

На курсе вы научитесь:

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

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

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

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

Отзывы

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

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

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

Я работаю 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 была несколько скомканной. Но в будущем, уверен, это учтут. Да и это не так важно, по сравнению со всем остальным.

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо, рад что попал к вам на курс, получил полезные знания

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

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

Отдельное спасибо хочу сказать преподавателям Никите и Василию за помощь и менорство в slack.

Желаю успехов и развития данном курсу.

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

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

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

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

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

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

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

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

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

Будет плюсом:

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

Подготовительный курс

Все основные возможности Javascript

Домашние задания и их разбор

Подготовка к курсам "Fullstack разработчик Javascript", "React.js-разработчик" и "Node.js-разработчик"

Записаться

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

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

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

Подробнее

Программа обучения

В процессе обучения вы получите комплексные знания и навыки.

Модуль 1 Preface

Тема 1. Webpack + babel

Тема 2. Typescript (часть 1)

Тема 3. Установка и настройка React

Тема 4. Консультация

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

Тема 6. JSX как основа ReactJS. Functional components

Тема 7. JSX + CSS

Тема 8. TDD + React

Тема 9. CI/CD GitHub actions

Модуль 2 React

C 27 июля

Тема 10. Typescript (часть 2)

Тема 11. Components Lifecycle

Тема 12. React-hooks

Тема 13. Обзор React testing library

Тема 14. React hooks advanced

Тема 15. Основные концепты Redux и useReducer

Тема 16. Списки, события, формы

Тема 17. React patterns часть 1

Тема 18. React patterns часть 2

Тема 19. React router

Модуль 3 React + Redux

C 7 сентября

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

Тема 21. Redux middwares and side effects

Тема 22. Redux toolkit

Тема 23. React + redux пример приложения

Тема 24. JS Generators, введение в Redux-Saga

Тема 25. Redux-saga и интеграционное тестирование

Тема 26. Redux-saga примеры использования effects

Модуль 4 Процесс разработки приложения, HTTP, WebSockets, GraphQL

C 3 октября

Тема 27. Процесс разработки React-приложения

Тема 28. Продвинутая конфигурация приложения

Тема 29. Test quality tools

Тема 30. HTTP and REST API

Тема 31. Потоки событий и WebSockets. WebWorkers и comlink для отложенной работы.

Тема 32. Обзор GraphQL

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

C 24 октября

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

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

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

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

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

Будет предложено несколько вариантов на выбор:
1. Разработка проекта, связанного с браузерной визуализацией. Аналог "conway's game of life".
2. Контроль расходов:
— регистрация чеков, сумм и дат;
— список чеков и квитанций;
— возможность строить графики со статистикой (в этом году/в прошлом году);
— хранение данных.

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

Прошедшие открытые вебинары

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

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

20 сентября 2021 года в 20:00

Оставьте заявку, чтобы получить доступ к записям прошедших мероприятий. Записи всех мероприятий появятся в этом блоке

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

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