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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

TypeScript, Error Boundary, React Functional component, React Class component.

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

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

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

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

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

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

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

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

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

С преподавателем.

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

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

Неделя 1 — Основы React
— Знакомимся с командой курса и одногруппниками. — Выбираем выпускной проект. — Учимся делить UI на компоненты.
- Основы React
  Модуль
  13 уроков (31:03)
  - 1. Интро в курс (03:44)
  - 2. Почему React? (02:57)
  - 3. Hello LoftSchool на JS (00:47)
  - 4. Обзор Задания _Hello LoftSchool на JS (00:40)
  - 5. Решение Задания _Hello LoftSchool на JS (02:12)
  - 6. Создание DOM элементов через React API (03:06)
  - 7. Обзор Задания _Hello LoftSchool на Raw React (03:24)
  - 8. Решение Задания _Hello LoftSchool на Raw React (04:21)
  - 9. Обзор Задания Работа с children prop (01:19)
  - 10. Решение Задания Работа с children prop (03:04)
  - 11. JSX (01:57)
  - 12. Обзор Задания JSX (01:24)
  - 13. Решение Задания JSX (02:08)
- Основы React
  Модуль
  1 урок (02:33:30)
  - 1. Основы React (02:33:30)
- Практика #1
  Воркшоп
  8 уроков (27:43)
  - 1. Обзор дизайна и вёрстки (03:30)
  - 2. Выделение компонентов (03:43)
  - 3. Обзор структуры проекта (04:33)
  - 4. Начало работы над проектом (01:59)
  - 5. Создание шаблонов компонентов (06:25)
  - 6. Создание компонента Header (01:57)
  - 7. Создание компонентов страниц и подключение роутинга (02:33)
  - 8. Добавление Header компонента на страницы (03:03)
Неделя 2 — React Hooks
— Добавляем Routing с использованием React. — Учимся работать с API. — Учимся делать компоненты на TypeScript.
- React Hooks. Part 1
  Модуль
  1 урок ()
  - 1. React Hooks. Part 1 (00:00)
- React Hooks. Part 2
  Модуль
  1 урок ()
  - 1. React Hooks (00:00)
- Практика #2
  Воркшоп
  9 уроков (38:16)
  - 1. Создание компонента Page (03:14)
  - 2. Выделение компонентов для логики поиска (00:47)
  - 3. Создание компонента MovieCard (04:51)
  - 4. Создание компонента ActorCard (08:22)
  - 5. Создание компонента List (09:49)
  - 6. Создание компонента SearchForm (05:32)
  - 7. Добавление компонента SearchForm на страницу поиска (01:11)
  - 8. Получение поисковой строки на странице SearchResults (02:13)
  - 9. Обзор Rapid API (02:17)
Неделя 3 — React паттерны и подходы к построению компонентов
— Изучаем компоненты. — Добавляем в проект карточки результатов. — Подключаем в проект темную и светлую тему.
- Компоненты 1
  Модуль
  1 урок ()
  - 1. Компоненты 1 (00:00)
- Компоненты 2
  Модуль
  1 урок ()
  - 1. Компоненты 2 (00:00)
- Практика #3
  Воркшоп
  5 уроков (37:13)
  - 1. Формирование mock ответа результатов поиска (02:30)
  - 2. Создание converter функции результатов поиска (10:11)
  - 3. Создание функции getSearchResults (05:50)
  - 4. Вызов запроса и вывод результатов поиска (12:43)
  - 5. Создание хука useSearch (05:59)
Неделя 4 — Продвинутые React Hooks
— Добавляем в проект страницы элементов. — Продолжаем работу с API.
- React. Advanced Hooks. Part 1
  Модуль
  1 урок (59:40)
  - 1. React. Advanced Hooks. Part1 (59:40)
- React. Advanced Hooks. Part 2
  Модуль
  1 урок (01:07:18)
  - 1. React. Advanced Hooks. Part 2 (01:07:18)
- Практика #4
  Воркшоп
  8 уроков (55:46)
  - 1. Создание компонентов ActorHero и MovieHero (09:29)
  - 2. Создание mock данных для страниц актера и фильма (08:24)
  - 3. Создание converter функций данных актера и фильма (12:11)
  - 4. Реализация запроса по получению данных страницы актера (05:04)
  - 5. Создание страницы актера (06:36)
  - 6. Реализация запроса по получению данных страницы фильма (06:55)
  - 7. Создание страницы фильма (02:58)
  - 8. Реалиация страницы фильма через классовый компонент (04:09)
Неделя 5 — Тестирование React
— Изучаем тестирование с помощью ReactDOM. — Изучаем тестирование с помощью React Testing Library. — Добавляем тестирование в проект.
- Тестирование 1
  Модуль
  1 урок (01:20:04)
  - 1. Тестирование 1 (01:20:04)
- Тестирование 2
  Модуль
  1 урок (01:25:30)
  - 1. Тестирование 2 (01:25:30)
- Практика #5
  Воркшоп
  6 уроков (36:09)
  - 1. Вынесение иконок в отдельные компоненты (05:16)
  - 2. Реализация модального окна (08:09)
  - 3. Доработки по картинкам и ссылкам (03:30)
  - 4. Реализация работы с темой (06:55)
  - 5. Тестирование работы с темой (05:28)
  - 6. Использование React-Router для навигации по проекту (06:51)
Неделя 6 — Работа над проектом
— Доделываем приложение и отправляем на проверку.
- О профессиональном пути разработчика
  Вебинар
  15.05.2024 19:00
  — Закрытие курса — Встреча с главным преподавателем
- Практика #6
  Воркшоп
  2 урока (24:05)
  - 1. Реализация визуальной части страницы Favourites (10:05)
  - 2. Реализация логики добавления и отображения избранных элементов (14:00)
- Как получить работу в IT: фишки и советы
  Модуль
  9 уроков (03:28:06)
  - 1. Как получить работу в IT? Поиск, собеседование и испытательный срок (42:20)
    Бесплатный урок
  - 2. Как найти удаленную работу и фриланс-заказы? (20:11)
    Бесплатный урок
  - 3. Первая работа в IT — как себя вести? Стажировки, официальное трудоустройство и работа "за еду" (14:10)
  - 4. Как пройти испытательный срок? (00:00)
  - 5. Как подготовиться к собеседованию в компании уровня FAANG (08:51)
  - 6. Процесс загрузки web страницы (25:18)
  - 7. Собеседование программиста – всё, что нужно знать (00:00)
  - 8. Решение задачи с собеседования программиста (00:00)
  - 9. Собеседование Frontend-разработчика (01:37:16)

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

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

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

За время курса вы выполните выпускной проект – информационный сервис. На выбор вам будет предложено две темы: информационный сервис о музыке LoftMusic или сервис о кино LoftMovie. С помощью этих проектов вы сможете погрузиться в React API.

За время курса вы выполните выпускной проект – информационный сервис.

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

Ариф Балаев

Senior Frontend разработчик

9 лет в IT
5 лет в online-образовании
Помогаю осваивать web-разработку
Создаю http://audio.com

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

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

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

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

Города, в которых живут наши ученики

Cанкт-Петербург
Пенза
Алматы
Ростов
Минск
Рязань
Москва
Саратов
Волгоград
Севастополь
Воронеж
Симферополь
Екатеринбург
Сочи
Казань
Ставрополь
Красноярск
Сургут

Cанкт-Петербург
Пенза
Алматы
Ростов
Минск
Рязань
Москва
Саратов
Волгоград
Севастополь
Воронеж
Симферополь
Екатеринбург
Сочи
Казань
Ставрополь
Красноярск
Сургут

Нижний Новгород
Тверь
Новосибирск
Тольятти
Омск
Томск
Пермь
Тула
Ростов-на-Дону
Тюмень
Уфа
Ульяновск
Челябинск
Хабаровск
Вологда
Чебоксары
Гомель
Самара

Нижний Новгород
Тверь
Новосибирск
Тольятти
Омск
Томск
Пермь
Тула
Ростов-на-Дону
Тюмень
Уфа
Ульяновск
Челябинск
Хабаровск
Вологда
Чебоксары
Гомель
Самара

Ижевск
Барнаул
Иркутск
Владивосток
Калининград
Ярославль
Кемерово
Набережные Челны
Киров
Новокузнецк
Краснодар
Балашиха
Курск
Астрахань
Липецк
Улан-Удэ
Махачкала
Магнитогорск
Оренбург
Брянск

Ижевск
Барнаул
Иркутск
Владивосток
Калининград
Ярославль
Кемерово
Набережные Челны
Киров
Новокузнецк
Краснодар
Балашиха
Курск
Астрахань
Липецк
Улан-Удэ
Махачкала
Магнитогорск
Оренбург
Брянск

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

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

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

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

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

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

Никита Морозов

Курс очень полезный, хороший наставник, Ариф круто рассказывает, но смотреть ролики по 1.5-2 часа очень тяжело. Особенно тяжело потом к ним возвращаться при выполнении домашнего задания, т.к. нет точного понимания где именно то, что будет ответом на вопрос..

Маргарита Свистунова

очень понравился курс! хотелось бы выделить прекрасную подачу материала преподавателем Арифом, пока что это мой самый любимый курс школы!

Pavel Philippov

Отличный курс! Отдельно отмечу преподавателя, который очень доступно объясняет и разжевывает материал

Дарья Колесникова

Всем привет! Проходила курс по реакту в рамках обучения на "Full Stack разработчик" и хочу сказать, что он мне понравился гораздо больше, чем курс по Vue.js. Ариф просто прекрасный преподаватель. В отличии от предыдущих пройденных мною курсов, на этом нет заранее записанных видео. Пару раз в неделю созвон с преподавателем, где вы в режиме реального времени изучаете материал и можете задавать вс...

Илья Колпаков

Курс по React.js оставил исключительно положительные впечатления, так как помимо интересной подачи материала, на курсе было также много общения с наставниками как во время созвонов и вебинаров, так и в оффлайне в процессе работы над проектом. Ариф на ряду с отличной подачи теории и практики смог научить ещё одному важному качеству - верить в себя, за что отдельное спасибо! Наставник Анатолий по...

Алексей Башаровский

Проходил курс с октябре-ноябре 2023. В целом курс дал представление о том что такое React. И это представление не совпало с тем что давал YouTube про React. Для прохождения курса просто обязаны владеть знаниями JavaScript. Некоторые конструкции JavaScript приходилось изучать самому во время прохождения курса чтобы понять что происходит. Структуру html документа немножко нужно знать. При прохож...

Дмитрий Ханеня

Проходил полностью курс Веб-разработчика в Loftschool. На мой взгляд самым сильным был именно курс по React.js и все конечно же благодаря отличным наставникам на курсе! Анатолий помогал с вопросами по проекту и объяснял подробно все ошибки и как с ними бороться. Ариф прекрасно объяснял теорию и отвечал на все возникающие вопросы в ходе семинаров, а так же дал отличную дозу мотивации в конце кур...

Рустем Абдуллин

В целом, курсом доволен! Он дает необходимые базовые знания по react'у для того чтобы начать расти и продвигаться в нем. Понравилось что не останавливались на верстке. До этого проходил 4 курса. Скажу, что если ты не освоил немного JS, то лучше не стоит даже лезть. Отдельная благодарность наставникам и куратору, которые всегда готовы подсказать.)

Maxim Kirsanov

До этого прошел 4 курса на LoftSchool, это мой 5ый, по React.js. Ариф очень классно преподнес материал по этому курсу, были разобраны все необходимые инструменты из React (компоненты, Virtual Render, хуки, states и многое другое). Если возникали сложности с выполнением каких-то задач, я получал развернутый фидбэк от наставника в короткие сроки. Рекомендую данный курс, если вам интересен данный ...

Emin Samedov

Уже мой 5-й курс в LoftSchool. Начинал с "Основы верстки" и логично завершил front-end курсы. Это был самый продуктивный из всех, что были в LoftSchool. Обучение проходило через риал-тайм практику с крутейшим наставником курса Арифом. Прошли самые часто используемые хуки в React и разобрали работу с компонентами. В общем - получил достаточную базу, с которой можно начинать работать над...

Познакомься с 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% уроков представлены в виде скринкастов - это заранее записанные видеоуроки в хорошем качестве, с актуальной информацией. Групповые занятия проводим в формате вебинаров, и каждому ученику будет доступна запись.

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

В данный момент набор не ведется.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Неделя 1 — Основы React

Основы React

Основы React

Практика #1

Неделя 2 — React Hooks

React Hooks. Part 1

React Hooks. Part 2

Практика #2

Неделя 3 — React паттерны и подходы к построению компонентов

Компоненты 1

Компоненты 2

Практика #3

Неделя 4 — Продвинутые React Hooks

React. Advanced Hooks. Part 1

React. Advanced Hooks. Part 2

Практика #4

Неделя 5 — Тестирование React

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

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

Практика #5

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

О профессиональном пути разработчика

Практика #6

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