Разработчик 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-разработчиков.

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

Никита Овчинников

Окончил Волгоградский государственный технический университет по специальности «Автоматизированные системы обработки информации и управления». Увлёкся программированием ещё в студенческие годы (в 2010 году) и остановиться так и не смог. В коммерческой разработке с 2012 года.

Работал с проектами разного масштаба, прошёл путь от Junior до Senior. С 2016 года — старший инженер-программист в EPAM Systems, с 2018 по май 2019 — технический руководитель по разработке софта в Skywind Group.

Участвовал в международном проекте компании Ericsson, занимался web-программированием и собственными проектами.

Является специалистом по архитектуре веб-приложений, хорошо знает JS, React, Node, Mongo, MySQL, фреймворки Express, Koa2, AngularJS. Уверен, что в программировании всё приходит с практикой.

Никита
Овчинников

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

Фёдор
Громов

Дмитрий
Вайнер

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

Никита Овчинников

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

Bolt Technology OÜ, Senior Software Engineer

Опытный JavaScript-разработчик. Принимал участие в реализации самых разных проектов: разрабатывал сервисные приложения, интерфейсы для банковского софта, системы для каталогизации и учета. Есть опыт серверной разработки с Node.js.

Начинал более 10 лет назад в качестве PHP-разработчика, в 2013 году переключился на JavaScript-разработку. В настоящее время занимается развитием мобильного направления сервиса Food Delivery.

Активно участвует в жизни JS-сообщества: митапы, конференции, преподавание — это всё является неотъемлемой частью жизни уже много лет. В свободное время помогает другим и учится сам.

Фёдор Громов

Wildberries, frontend-developer

Окончил МГТУ им.Н.Э.Баумана в 2016 году со степенью магистра. Прошел обратный путь от менеджера IT-проектов до разработчика) Принимал участие в разработке главного сайта крупного банка, интернет-банкинга для юридических лиц, внутреннего сервиса для менеджеров в магазинах крупной торговой сети, travel-проекта. React-lover. Начинал изучать frontend-разработку с онлайн-курсов.

Компании: Банк "Открытие", Альфа-банк, Leroy Merlin, Wildberries

Дмитрий Вайнер

Высший колледж информатики НГУ, преподаватель

Писал на PHP, потом перешёл во фронтенд, сейчас пишет на JavaScript. Активно использует React, Vue, Node.js.

На данный момент преподает в Высшем колледже информатики НГУ, такие дисциплины как "Проектирование и разработка интерфейсов" и "Тестирование информационных систем".

Отзывы

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

До обучения в 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. JSX как основа ReactJS. Functional components

Тема 6. JSX + CSS

Тема 7. TDD + React

Тема 8. CI/CD GitHub actions

Модуль 2 React

C 4 августа

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

Тема 10. Components Lifecycle

Тема 11. Консультация по React testing library

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

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

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

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

Тема 16. React-hooks

Тема 17. React hooks advanced

Тема 18. React router

Модуль 3 React + Redux

C 15 сентября

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

Тема 20. React + redux

Тема 21. Redux middwares and side effects

Тема 22. Redux toolkit

Тема 23. Redux-saga intro

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

Тема 25. Redux-saga basic concepts

Тема 26. Архитектура React-приложения

Тема 27. Redux-saga advanced concept

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

C 15 октября

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

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

Тема 30. Test quality tools

Тема 31. HTTP and REST API

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

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

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

C 5 ноября

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

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

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

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

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

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

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

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

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

Никита Овчинников

10 июня в 20:00

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

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

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