Интенсивный курс

React.js Разработка веб-приложений

Курс рассчитан на веб-разработчиков с опытом от 1 года или на тех, кто уже прошел наш курс «Комплексное обучение JavaScript»

14.11.2022 - 25.12.2022

Курс входит в профессии:

За 6 недель вы научитесь

Разрабатывать SPA на React.js

Для полноценной работы приложения помимо самого React.js, вы изучите, как хранить данные и общаться с сервером.

Оптимизировать React.js приложения

Научитесь пользоваться современными инструментами Google Chrome и с их помощью находить кандидатов на оптимизацию.

Разделять работу с данными и представлением

Строго отделив представление от данных, вы научитесь рендерить React-приложения как на стороне клиента, так и на стороне сервера.

Управлять потоками ваших данных

Научитесь нормализовывать данные, писать абстракции, работающие со всеми типами данных и организовывать общение ваших компонентов.

Тестировать приложения

Научитесь тестировать каждую часть вашего приложения, автоматизировать тестирование и наслаждаться стабильностью работы.

Выбирать правильные инструменты для вашего стартапа

React Router, Redux, Redux Saga, Styled Components.

Что ожидать от обучения?

Насыщенная программа
19 обучающих модулей, 100+ часов обучения.
Поддержка наставника
Практикующий IT-специалист будет отвечать на вопросы и делать кодревью.
Готовое портфолио
Технологичное и красивое SPA-приложение на react.js.
Доступ к материалам
Не ограничен рамками курса. Вы можете продолжить учиться когда захотите.
Telegram-чат
При изучении материалов вы можете задавать вопросы одногруппникам и команде курса.
Сертификат
Диплом с уникальным ID, подтверждающий уровень ваших знаний.
Ламповая атмосфера
Никаких скучных и занудных “дядек“, как в других школах. В Loftschool вас будут учить в атмосфере rock-and-roll.
Начало карьеры
После обучения вы сразу же готовы к старту карьеры в веб-индустрии.

Как проходит обучение

Ⅰ
Задание
Каждый понедельник студенты получают задание
Ⅱ
Недельный план
Подскажет, что делать в каждый конкретный день курса.
Ⅲ
Материалы недели
Изучать можно в удобном для себя ритме.
Ⅳ
Самостоятельная работа
После изучения материалов студент работает над проектом

* Материалов курса достаточно, чтобы выполнить выпускной проект. Если у вас возникнут вопросы, то вы сможете задать их команде курса в групповом чате.

Посмотрите видео о том, как проходит обучение

Каждая неделя обучения включает:

Каждый модуль состоит из видеоуроков и тестирования.

С наставником и одногруппниками.

От преподавателя.

Помощь команды при работе над проектом

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

Неделя 1 — Введение в React.js
— Знакомимся с командой курса и одногруппниками. — Изучаем JSX и Virtual DOM в React. — Рассматриваем компонентный подход и способы передачи данных.
- Знакомство
  Открытие курса
  1 урок (05:41)
  - 1. Открытие курса (05:41)
- I React.js
  Модуль
  10 уроков (41:32)
  - 1. Что такое React (07:05)
    Бесплатный урок
  - 2. Virtual DOM (02:46)
    Бесплатный урок
  - 3. JSX (06:10)
  - 4. Рендеринг с условиями (05:11)
  - 5. Работа со списками (02:45)
  - 6. Компоненты (02:41)
  - 7. Props (01:45)
  - 8. State (06:45)
  - 9. События (02:26)
  - 10. React Devtools (03:58)
- II React.js
  Модуль
  6 уроков (15:54)
  - 1. Lifecycle методы (05:19)
    Бесплатный урок
  - 2. Компоненты - функции (01:29)
  - 3. Pure Component (02:54)
  - 4. Synthetic Events (01:42)
  - 5. Работа с формами (02:51)
  - 6. Обработка ошибок (01:39)
- Разбор заданий #1
  Воркшоп
  1 урок (30:36)
  - 1. Workshop #1 (30:36)
Неделя 2 — Паттерны React.js, тестирование
— Изучаем компоненты, элементы и экземпляры класса компонент. — Рассматриваем библиотеку Recompose, паттерны high order components и Render Props. — Разбираемся в преимуществах тестов, изучаем Jest, Enzyme, Snapshots.
- III React
  Модуль
  6 уроков (38:22)
  - 1. Intro (01:43)
    Бесплатный урок
  - 2. PropTypes (10:18)
  - 3. Context (05:19)
  - 4. Refs (05:18)
  - 5. Portals (05:02)
  - 6. Hooks (10:42)
- IV React.js
  Модуль
  5 уроков (35:03)
  - 1. High Order Components (HOCs) - Компоненты Высшего Порядка (10:33)
    Бесплатный урок
  - 2. Ref-forwarding (HOCs) (04:31)
  - 3. Рендер пропс паттерн (05:25)
  - 4. Библиотека ХОКов Recompose (10:32)
  - 5. Профайлинг (04:02)
- Тестирование
  Модуль
  7 уроков (38:17)
  - 1. Intro (05:06)
    Бесплатный урок
  - 2. Test Runner (02:51)
    Бесплатный урок
  - 3. Test DSL (08:41)
  - 4. Enzyme (06:57)
  - 5. Snapshots (03:09)
  - 6. Testing sagas (05:01)
  - 7. React Testing Library (06:32)
- Разбор заданий #2
  Воркшоп
  1 урок (27:54)
  - 1. Workshop #2 (27:54)
Неделя 3 — Redux, роутинг
— Изучаем роутинг: Simple routing, роутинг со Switch, а также вложенный роутинг. — Знакомимся с библиотекой Redux: основные понятия и концепции Store, Actions, Reducers, React-redux. — Рассматривается middleware как способ работы с Sideeffect.
- Роутинг в браузере
  Модуль
  5 уроков (22:54)
  - 1. History API (02:48)
    Бесплатный урок
  - 2. Simple routing (05:39)
  - 3. Роутинг со Switch (04:16)
  - 4. Вложенный роутинг (05:32)
  - 5. Приватный роут (04:39)
- I Redux
  Модуль
  5 уроков (22:49)
  - 1. Intro (04:07)
    Бесплатный урок
  - 2. Store (05:03)
  - 3. Actions (02:17)
  - 4. Reducers (07:56)
  - 5. React-redux (03:26)
- II Redux
  Модуль
  7 уроков (44:12)
  - 1. Intro (03:11)
    Бесплатный урок
  - 2. CreateActions (redux-actions) (09:13)
    Бесплатный урок
  - 3. Middleware (07:54)
  - 4. Handle actions (05:52)
  - 5. Selectors (06:17)
  - 6. Reselect (04:49)
  - 7. Ducks (06:56)
- Разбор заданий #3
  Воркшоп
  1 урок (39:13)
  - 1. Workshop #3 (39:13)
Неделя 4 — Redux-saga
— Изучаем библиотеку Redux-saga. Повторяем generator* functions. Учимся запускать их параллельно. — Разбираем метод Take. Изучаем select, как способ получения данные из Store. — Рассматриваем способы стилизации React приложения. Изучаем библиотеки ClassNames, StyledComponents, BrowserList, MaterialUI.
- I Redux-saga
  Модуль
  6 уроков (15:22)
  - 1. Intro (00:57)
    Бесплатный урок
  - 2. Overview (02:08)
    Бесплатный урок
  - 3. Generators (04:11)
  - 4. Adding sagas (02:07)
  - 5. React on actions (03:53)
  - 6. Запуски функций (02:06)
- II Redux-saga
  Модуль
  5 уроков (13:02)
  - 1. Intro (00:27)
    Бесплатный урок
  - 2. Выполняем эффекты параллельно (03:41)
  - 3. Эффект Take (02:45)
  - 4. Эффект Select (02:04)
  - 5. Отмена эффектов (04:05)
- Работа со стилями
  Модуль
  6 уроков (30:28)
  - 1. Intro (01:34)
    Бесплатный урок
  - 2. CRA Styles (05:21)
    Бесплатный урок
  - 3. ClassNames (06:32)
  - 4. StyledComponents (07:11)
  - 5. BrowserList (01:37)
  - 6. Material UI (08:13)
- Разбор заданий #4
  Воркшоп
  1 урок (09:55)
  - 1. Workshop #4 (09:55)
Неделя 5 — Формы, CI & DI & Client error handling
— Рассматриваем работу с формами с помощью библиотек Formik, Redux Forms, React Final Form. — Рассматриваем методы обеспечения качества production кода. Разбираем такие инструменты как: Husky, TravisCI, HerokuNow. — Изучаем набор полезных библиотек для разработки (Storybook, RamdaJS, Axios). — Рассматриваем TypeScript.
- Работа с формами
  Модуль
  4 урока (26:56)
  - 1. Intro (05:07)
    Бесплатный урок
  - 2. Formik (08:51)
  - 3. Redux form (06:22)
  - 4. React final form (06:36)
- CI & DI & Client error handling
  Модуль
  5 уроков (18:08)
  - 1. Intro (05:07)
    Бесплатный урок
  - 2. Husky (02:32)
  - 3. CI using TravisCI (03:32)
  - 4. Deploy to heroku (04:57)
  - 5. Rollbar (02:00)
- Набор полезных библиотек для разработки
  Модуль
  4 урока (25:42)
  - 1. Storybook (05:32)
    Бесплатный урок
  - 2. RamdaJS (04:47)
  - 3. Axios (05:52)
  - 4. Typescript (09:31)
- Разбор заданий #5
  Воркшоп
  1 урок (13:17)
  - 1. Workshop #5 (13:17)
Неделя 6 — Работа над проектом
— Доделываем приложение и отправляем на проверку.
- Как получить работу в IT: фишки и советы
  Модуль
  9 уроков (05:39:05)
  - 1. Как получить работу в IT? Поиск, собеседование и испытательный срок (42:21)
    Бесплатный урок
  - 2. Как найти удаленную работу и фриланс-заказы? (20:12)
    Бесплатный урок
  - 3. Первая работа в IT — как себя вести? Стажировки, официальное трудоустройство и работа "за еду" (14:11)
  - 4. Как пройти испытательный срок? (27:10)
  - 5. Как подготовиться к собеседованию в компании уровня FAANG (08:52)
  - 6. Процесс загрузки web страницы (25:19)
  - 7. Собеседование программиста – всё, что нужно знать (01:24:07)
  - 8. Решение задачи с собеседования программиста (19:36)
  - 9. Собеседование Frontend-разработчика (01:37:17)

Купите курс сейчас и получите подарок

Разработка сайта на CMS WordPress
82 урока (19:47:57)
Тестирование
4490
Бесплатно
Смотреть

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

Во время первой половины курса мы займемся созданием дизайн системы: изучим React.js с помощью написания компонент от простых до сложных, а вторую половину занятий посвятим созданию приложения Loft-такси с помощью этого набора.

Loft-такси

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

Максим
Иванов
Senior Frontend Developer в компании Mojang
В программировании 9 лет
В веб разработке 6 лет
В преподавании 1 год
Павел
Минеев
Тимлид в June Homes
10 лет в веб-разработке
Open Source энтузиаст

Наставники Loft – практикующие эксперты в IT отрасли

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

Даже если ничего не понятно, вы не останетесь один на один со своими проблемами. Наставник всегда будет рядом и не даст вам опустить руки.

Анатолий Барцев. Работает в Сбербанке

Компании, в которых работают выпускники

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

Наши партнеры по трудоустройству

Ваш будущий сертификат

По окончании обучения вы получите сертификат. LoftSchool знают и ценят работодатели, поэтому сертификат станет вашим дополнительным плюсом при трудоустройстве в IT-компанию.

Он будет доступен в электронном виде в личном кабинете – вы легко сможете добавить ссылку на сертификат в резюме и подтвердить свой уровень подготовки.

Денис Кирсанов

Работа в call-центре и отделе продаж не приносила мне удовольствия. Я с завистью смотрел на разработчиков и мечтал стать частью мира IT. Начал погружаться в тему, чему-то научился сам. А затем мне захотелось большего: превратить программирование из хобби в профессию. Точка кипения наступила сама по себе. Я просто понял, что «наелся» продажами и пришло время заняться делом, которое мне по душе.

Тимур Юмадилов

На мой взгляд, курс по React — лучший среди прочих курсов в LoftSchool. Не думал, что за месяц можно освоить столько новых технологий и с их помощью написать итоговый проект. Теперь мир React перестал быть тёмным лесом. Спасибо за это команде курса. Отличные вебинары, скринкасты и методички. Тем, кто пойдёт на курс, советую до просмотра видео на соответствующие темы изучать документацию. Даже с...

Юля Долинская

Школа онлайн-образования LoftSchool, Всем привет! О LoftSchool знаю уже прилично, еще с того момента, как только начала изучать веб индустрию. Подписана на 2 канала на youtube, иногда прям с нетерпением жду новых выпусков, очень часто пользуюсь советами и черпаю много новой и полезной информации для себя:) Таким образом, о старте курса я знала, но в тот момент работала в компании на позиции fro...

Павел Белов

Если задумываетесь о покупке данного курса, нужно осознавать, хорошо ли вы знаете javascript, чтобы было комфортно воспринимать эти курсы. ES6 - особенно обратите на это внимание, асинхронность, генераторы(в начале не понадобятся, до появления саг). Естественно стоит знать основы верстки, подчеркиваю, основы. Перед началом внимательно прочитайте страницу курса - многие вопросы отпадут.Очень пон...

Дмитрий Захаров

В целом курс очень понравился. Когда шел на курс очень боялся, что будет, грубо говоря, перевод официальной документации по React JS и Redux. Но не тут то было))) React показан, так сказать, во всей красе - со всей необходимой в реальной работе экосистемой. Очень понравился подход, когда сложные вещи были объяснены, что называется, на пальцах, то есть, к примеру, Redux был написан автором курса...

Олег Первушин

Hi all. Не первый мной пройденный курс. До этого я проходил курсы в различных сферах IT, от администрирования до разработки backend. Но в этот раз совпало так, что мне понадобился курс по ReactJS и я наткнулся на LoftSchool. Это был первый курс в этой школе. И я не пожалел, что записался на него. Так как этот курс расставляет всю информацию полученную из книг и интернета по местам. Хоть я и вош...

Оля Баранова

До прохождения курса у меня не было никакого опыта работы с React, но был опыт работы с javascript чуть меньше года. Моим желанием при приобретении данного курса было знакомство с технологией и расширение своего кругозора в профессиональной сфере. Мне не было крайне сложно в процессе обучения. Интенсивность была вполне приемлема для меня, примерно 3 часа на выполнение каждого домашнего задания....

Саша Торбек

Прошел курс по "React.js". Впечатления положительные. Курс построен грамотно. Домашние задания усложняются равномерно, по мере погружения в возможности реакта. Из особенностей выделю, что ДЗ друг друга дополняют, вопросы, которые остались в пред. раскрываются в след. Максим Иванов, на вебинарах, конструктивно и по делу отвечает на вопросы, умеет донести суть, готов обсудить интересующие вопросы...

Познакомься с LoftSchool ближе

Почему стоит выбрать обучение в LoftSchool

Безупречная репутация

Мы в деле с 2012 года и нас знают во всех больших IT компаниях России и ближнего зарубежья.

LoftSchool – лидер в IT образовании

По результатам исследования «Моего круга» на Хабре LoftSchool занял первое место.

1000+ выпускников ежегодно

Наши выпускники работают в Apple, Яндекс, Mail.ru, Epam и др. крупнейших компаниях. Пруфы.

Что нужно знать, чтобы записаться на этот курс?

Ответы на часто задаваемые вопросы

Зачем платить за обучение, если в интернете можно найти всё бесплатно?
Покупая курс в LoftSchool, вы платите за гарантированный результат, а не за набор материалов. От вас требуется чётко следовать программе обучения, выполняя все домашние задания, которые будут строго проверяться вашим наставником. На выходе с курса – вы будете подготовлены к старту карьеры в IT-индустрии. Так что сами по себе материалы, которые действительно можно найти бесплатно, хоть и важны, но не играют решающего фактора. Это лишь кирпичик в здании нашей школы.
Предусмотрен ли возврат денег, если я передумаю проходить курс или профессию?
Да. Мы возвращаем деньги 2 путями, на ваш выбор:
- на вашу банковскую карту за вычетом 5% издержек (согласно публичной оферте), либо
- на личный счет в системе LoftSchool в полном размере (деньги затем можно потратить на любой курс школы).
В обоих случаях возврат возможен не позднее 3-го дня с момента старта обучения.
Мы также можем перевести вас на другой поток или курс не позднее 7-го дня с момента старта обучения. Такой перевод возможен только 1 раз.
Можно ли платить частями?
Для желающих обучаться в нашей школе мы, совместно с сервисом ЮKassa и банками-партнёрами, предоставляем рассрочку от 3 до 36 месяцев.
Как это работает:
- На странице курса либо профессии нажмите "Оплатить" и выберите вариант "В рассрочку".
- Далее выберите подходящий вам вариант (Тинькофф, ЮKassa, Халва, Почта Банк, Покупай со СберБанком).
- Выберите срок и размер выплат, другие условия кредита.
- За пару минут заполните короткую анкету.
- Через несколько минут получите решение банка о предоставлении кредита.
- При выборе рассрочки от ЮKassa, погасите полную стоимость обучения в течении 30 (или 60) дней, чтобы избежать переплат. Либо оплачивайте обучение частями в течение 6 или 12 месяцев с переплатой 3,9% в месяц.
Почему стоимость курсов повышается до старта потока?
Конечная цена за пару дней до старта курса – это его реальная цена. Все цены до этого – идут со скидкой. Так как производство курса и оплата работы специалистов является самой большой частью наших издержек, то мы поощряем клиентов, которые решают приобрести курс заблаговременно, тем самым покрывая часть наших издержек на этапах подготовки.
Могут ли меня отчислить, если я пропущу неделю обучения или больше?
Нет, мы не отчисляем. Однако, на итоговую оценку в выпускном дипломе это повлияет, если вы не будете укладываться в дедлайны. У нас очень понимающий коллектив и мы всегда пойдем на встречу. Если причина вашего исчезновения была уважительной, то мы рассмотрим возможность сдачи проекта вне дедлайна.
Что нужно для обучения в LoftSchool?
Для прохождения обучения вам понадобятся стабильный интернет и персональный компьютер (или ноутбук).
Можно ли совмещать обучение с работой или учёбой?
Да, наши курсы спроектированы специально для работающих людей, в том числе с плавающим графиком работы. Домашние задания вы можете выполнять в удобное для себя время, а 90% уроков представлены в виде скринкастов - это заранее записанные видеоуроки в хорошем качестве, с актуальной информацией. Групповые занятия проводим в формате вебинаров, и каждому ученику будет доступна запись.

Ответы на другие вопросы

Оплата и регистрация

Период обучения: 14.11 - 25.12

Базовый

Работа в группес наставником

Уютный

Индивидуальная работас наставником

В рассрочку
Полная оплата
Предоплата
Юр. лицам

от 1 947 /мес

5 733

Сумма указана для рассрочки на 12 месяцев. Точная ежемесячная плата зависит от срока и банка.

-60%скидка

Интенсивный курс

React.js Разработка веб-приложений

За 6 недель вы научитесь

Разрабатывать SPA на React.js

Оптимизировать React.js приложения

Разделять работу с данными и представлением

Управлять потоками ваших данных

Тестировать приложения

Выбирать правильные инструменты для вашего стартапа

Что ожидать от обучения?

Как проходит обучение

Каждая неделя обучения включает:

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

Неделя 1 — Введение в React.js

Знакомство

I React.js

II React.js

Разбор заданий #1

Неделя 2 — Паттерны React.js, тестирование

III React

IV React.js

Тестирование

Разбор заданий #2

Неделя 3 — Redux, роутинг

Роутинг в браузере

I Redux

II Redux

Разбор заданий #3

Неделя 4 — Redux-saga

I Redux-saga

II Redux-saga

Работа со стилями

Разбор заданий #4

Неделя 5 — Формы, CI & DI & Client error handling

Работа с формами

CI & DI & Client error handling

Набор полезных библиотек для разработки

Разбор заданий #5

Неделя 6 — Работа над проектом

Как получить работу в IT: фишки и советы