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

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

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

4 месяца

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

Формат:

Online

Начало занятий:

17 марта

Дни занятий:

Вт 20:00, Чт 20:00

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

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

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

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

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

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

Интенсив «React-hooks». День 1, 1 марта в 19:00

React-hooks появились в React с версии 16.8, сегодня они используются уже повсеместно. За 2 вебинара мы разберемся, как работать с React-hooks, создадим компонент с использованием hooks, а также научимся делать кастомные hooks.
Поработаем с react-testing-library и научимся тестировать компоненты и кастомные hooks.
Интенсив будет полезен:
- frontend JavaScript разработчикам;
- начинающим React разработчикам.

Ведет

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

Предыдущий открытый вебинар

Интенсив «React-hooks». День 2, 2 марта в 19:00

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

Предыдущий открытый вебинар

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

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

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

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

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

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

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

Игорь
Звягин

Марат
Минулин

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

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

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

Игорь Звягин

В отрасли с 2016 года. Занимался разработкой интернет магазинов, разработкой мобильных приложений. С нуля разработал сложную CRM. Работает над продуктом в сфере образования.

Компании: sitemade.pro, MoscowFresh, Leadvertex.

Интересы: user experience, user interface, JavaScript и сноубординг.

Марат Минулин

Программирование любит с детства. Свой первый сайт создал в 2008 году. С 2015 года профессионально занялся web-разработкой, а с 2019 года в основном использует React.

C начала 2021 года является Senior Frontend разработчиком в Abbyy. В прошлом работал над проектами в таких компаниях как Роснефть, Дрофа и Яндекс.

Образовательную деятельность начал в 2020 году в Школе разработки интерфейсов Яндекса. Основным успехом считает тот факт, что помог человеку без технического образования "войти в IT" и успешно трудоустроиться.

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

Bolt Technology OÜ, Senior Software Engineer

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

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

Член программного комитета HolyJS, активно участвует в жизни 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

C 17 марта

Тема 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 19 апреля

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

Тема 10. Components Lifecycle

Тема 11. React-hooks

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

Тема 13. React hooks advanced

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

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

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

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

Тема 18. React router

Модуль 3 React + Redux

C 24 мая

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

Тема 20. Redux middwares and side effects

Тема 21. Redux toolkit

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

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

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

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

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

Тема 27. React+Redux, Thunk, Redux-Saga на примерах

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

C 23 июня

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

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

Тема 30. Test quality tools

Тема 31. HTTP and REST API

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

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

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

C 14 июля

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

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

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

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

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

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

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

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

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

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

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

Для доступа к прошедшим мероприятиям необходимо пройти входное тестирование

Возможность пройти вступительное тестирование повторно появится только через 2 недели

Результаты тестирования будут отправлены вам на e-mail, указанный при регистрации.

Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!

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

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