

JavaScript-фреймворк React.js
Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js
- Длительность 2 месяца
- Онлайн в удобное время
- Обучение на практике
- Доступ к курсу навсегда
О профессии
На рынке не хватает JavaScript-разработчиков
- 10 218 компаний
сейчас ищут JavaScript-разработчиков
- 70 000 рублей
зарплата начинающего специалиста
Кому подойдёт этот курс
-
Вы освоите работу с фреймворком React.js, увеличите круг своих компетенций и задач, которые сможете выполнять на проекте — станете более конкурентоспособным сотрудником.
-
React.js — один из самых популярных фреймворков в мире. Вы научитесь создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами.

Станьте IT-специалистом и получите поддержку от государства
Сотрудники аккредитованных IT-компаний могут:
- Купить квартиру или дом на выгодных условиях. IT-специалистам доступна льготная ипотека по ставке 5%.
- Получить отсрочку от армии. Молодые люди от 18 до 27 лет имеют право не служить, пока работают.
Чему вы научитесь
- Создавать приложения с нуля
Конфигурировать их с помощью Webpack или использовать готовые решения.
- Работать с публичными API
Узнаете о механизмах OAuth и имплементациях в React.
- Познакомитесь с Flux, Redux, Mobx
Узнаете подробности о состоянии приложения и работе с ним.
- Профилировать свое приложение
Искать слабые места и оптимизировать их.
- Тестировать свое приложение
Познакомитесь с библиотеками Jest и Enzyme.
- Создавать SPA и RIA приложения с нуля
Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.
Год английского языка бесплатно
Skillbox запустил онлайн‑платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.
Предложение действительно для пользователей, которые приобрели любой курс с 22 декабря 2021 года.
Вас ждут:
- методика ускоренного запоминания слов и грамматики;
- персональная программа освоения языка, которая поможет заговорить с нуля;
- возможность индивидуальных сессий с кураторами.

О Skillbox
Как проходит обучение на платформе
Содержание курса
Вас ждут 2 месяца теории и практики, которые добавят вам реальных знаний в разработке на JavaScript.
- 16 тематических модулей
- 76 видеоматериалов
-
Введение в React
-
- Что такое React. Основные преимущества
- Основы декларативного подхода
- Возможности React, компоненты, состояние, применения
- Экосистема React, основные библиотеки, из чего обычно состоит React-стек
-
-
Создание проекта
-
- Конфигурация webpack на клиенте
- Конфигурация webpack на сервере
- Подключение к проекту HMR и SSR
- Подключение Typescript
- Подключение CSS modules, Jest, Enzyme
-
-
Typescript
-
- Основы TypeScript. Типы
- Работа с массивами
- Работа с объектами и интерфейсами
- Типизация функций и типы TS
- Generics
- Классы
- Infer, typeof, keyof, Mapped Types
-
-
Компоненты на примере новостной карточки Reddit
-
- Компоненты в React
- Состояния в Class Components
- Состояния в Functional Components
- Создание Layout приложения. Часть 1
- Создание Layout приложения. Часть 2
- Создание компонента новостной карточки
- Жизненный цикл компонента
-
-
Hooks и функциональное программирование
-
- Каррирование и функции высшего порядка
- Hooks в React
- Map и Reduce в React
- Создание компонента dropdown c использованием hooks
- Compose, Pipe и их применение в React
-
-
Компоненты - продвинутые темы. Введение в тестирование компонентов
-
- Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
- Создание Dropdown-меню с использованием state
- Введение в unit-тесты и Jest
- Написание тестов для React компонента. Enzyme vs Snapshots
- Вспомогательные компоненты
-
-
Работа с публичным API на примере Reddit
-
- Как работать с API
- Регистрируем аккаунт разработчика на Reddit
- OAuth2
- Страница авторизации пользователя
- Как структурировать API-запросы в приложении
-
-
React Context
-
- Забираем из API данные пользователя
- Отображаем данные пользователя в компоненте через prop
- Используем React Context для работы с данными
- Обновляем данные через контекст
-
-
Портал и форма
-
- Верстаем карточку поста, используя ReactPortal
- Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
- Controlled и uncontrolled компоненты на примере поля комментария
- Сохраняем состояние формы, используя контекст
-
-
Введение в Redux на примере поля для ввода комментария
-
- Введение в Redux
- Устанавливаем Redux, подключаем его к приложению
- Action + reducer
- Presentation Components/Container Components
-
-
Использование Redux-Thunk на примере загрузки профиля пользователя
-
- Работа с асинхронными запросами в Redux
- Пишем простой logger middleware
- Подключаем thunk к приложению. Пишем свой первый асинхронный action
- Работа с асинхронным состоянием
- Пишем простой loader
-
-
Формы на примере комментариев и карточки поста
-
- Экскурс в формы. Проблематика форм React
- Состояние полей. Различные подходы
- Какие можно использовать библиотеки и почему они могут мешать
- Сохраняем состояние формы, валидируем поля и выводим ошибки
- Доступности, нативные элементов и возможности работать с формой через табуляцию
-
-
«Бесконечные» списки на примере ленты постов
-
- Работа с запросами к API
- Делаем загрузку ленты постов
- Виды бесконечных скроллов и пагинаций
- Делаем подгрузку ленты постов
- Эффективный рендеринг больших списков
-
-
Сайдбар + роутинг
-
- Создаем сайдбар, используя более продвинутые практики
- Роутинг в SPA и в React
- Подключаем React Router
- Подключаем новостную ленту к роутеру
- Дополнительный функционал роутинга
-
-
SSR + NextJS
-
- Серверный и статический рендеринг. Изоморфные приложения
- Делаем серверный рендеринг, используя express
- NextJS
- Переносим приложение на Next
- Деплой приложения в Zeit
-
-
Бонусный модуль: Mobx
Получить презентацию курса и консультацию специалиста
- Старт курса: 25 марта
- Осталось: 7 мест
Стоимость курса
- Длительность рассрочки — 6 месяцев
- 4 662 ₽/мес
- 6 660 ₽/мес

Часто задаваемые вопросы
-
Могу ли я записаться на курс, если только недавно начал изучать JS?
К сожалению, нет. Курс рассчитан на тех программистов, которые уже хорошо разбираются в веб- и frontend-разработке, так как работа в фреймворке React.js — это дополнительный навык. У вас уже должна быть база знаний, иначе вы просто не справитесь с материалами курса. -
Сколько часов в неделю мне нужно будет уделять курсу?
Зависит от того, насколько быстро вы хотите освоить профессию. Чтобы пройти курс за 2 месяца, нужно заниматься по 2 часа в день. Но совсем необязательно следовать жёсткому графику — учиться можно когда удобно. -
Это теоретический курс? В программе только лекции?
Нет, половину курса составляет практика, к тому же есть итоговая работа создание проекта по интеграции с Reddit. Так что по итогу обучения на платформе у вас будут теоретические и практические знания, а также примеры выполненных в этом фреймворке работ.
Записаться на курс
Наш специалист свяжется с вами и ответит на любые ваши вопросы
Спасибо за заявку!
Наш менеджер свяжется с вами
в ближайшее время
Оплатить без консультации и получить скидку 1399 ₽ или оформите рассрочку

Получите персональную скидку
Оставьте заявку — мы расскажем о скидках и подберем для вас курс под любые цели и бюджет.
- Санкт-Петербург
- Алматы
- Киев
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Севастополь
- Симферополь
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары
🎁 Электронная книга «Магическая формула. Как сделать свой успех неизбежным». Она поможет отпустить негативные эмоции, перестать волноваться по поводу и без, раскрыть свой потенциал и прийти к миру и гармонии.
Выберите, где удобнее скачать книгу:
Отзывы участников
По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю баги, разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
Жаль, что доступ к курсам даётся на определённый срок. По крайней мере, когда я брал профессию Frontend-разработчика, доступ, по-моему, давался на три года. Для меня это недостаточный срок, чтобы качественно изучить весь материал. Хотя, может быть, проблема во мне.
Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
Отдельно хочу сказать спасибо куратору Александру Свободе, он очень подробно расписывал все недочёты и ошибки решений в дизайне.
Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.
Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.