Курс
React: фреймворк фронтенд-разработки
Освоите один из самых выбираемых веб-фреймворков и расширите карьерные возможности
Научитесь создавать пользовательские интерфейсы
Когда
В любое время
Длительность
2,5 месяца
Необходимые навыки
Знание JavaScript
Документ
Удостоверение о повышении квалификации
Для тех, кто привык учиться
Цена уже со скидкой. Оплатите курс до 11 сентября, чтобы сохранить выгоду.
React — JavaScript-библиотека для создания интерфейсов
React используют для разработки пользовательских интерфейсов во многих известных компаниях: Netflix, BBC, Сбербанк, Яндекс.
По статистике загрузок, React выбирают чаще остальных веб-фреймворков.
Начинающим JavaScript-разработчикам
Освоите один из самых популярных фреймворков и сможете работать над более интересными задачами
Опытным разработчикам
Расширите профессиональные навыки и повысите свою ценность на рынке труда
Курс входит в профессию «Frontend-разработчик»
За время обучения вы выполните 37 практических задач
Примеры задач
Создадите навигационное меню для сайта и презентуете товары в разных форматах
Сверстаете блоки с новостными постами и настроите автоматическое форматирование дат публикаций
Создадите календарь с текущей датой и мировые часы, которые тикают и ходят стрелкой по циферблату
Сверстаете портфолио с разбивкой по категориям и поработаете над агрегацией данных для таблиц
13 часов теории, 76 часов практики
● Программа повышения квалификации
● Вы можете изучать теорию и выполнять домашние задания в удобное для вас время
● Доступ открыт в течение 1 года
● Видеолекции, тесты, квизы, презентации и другие полезные материалы хранятся в личном кабинете
Компоненты
Вы познакомитесь с компонентным подходом, который позволяет создавать сложные интерфейсы на основе композиции простых блоков. Научитесь обрабатывать события и работать с внутренним состоянием компонентов, а также приобретёте опыт работы с формами.
4 часа теории
12 часов практики
Компоненты
События и состояние
Props
Формы
Продвинутые техники, одностраничные приложения
Научитесь организовывать сложные интерфейсы, используя композицию компонентов, интегрируетесь с REST API, глубже изучите работу на основе современных подходов — хуков и Context API, а также научитесь организовывать постраничную навигацию с помощью React Router.
5 часов теории
15 часов практики
Композиция компонентов
Жизненный цикл и работа с HTTP
Higher-order component (HOC)
Hooks, Context API
React Router
Redux — управление состоянием
Познакомитесь с управлением глобальным состоянием приложения — одним из ключевых навыков разработки сложных приложений. Начнёте с простых инструментов: библиотеки Redux, лежащей в основе всего, и Redux Thunk для организации простых побочных эффектов, а завершите продвинутыми инструментами: Redux Observable и Redux Saga.
3 часа теории
9 часов практики
Redux и Redux Thunk
Redux Observable
Redux Saga
Git — система контроля версий
Бонус
За три занятия вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
15 часов практики
Предназначение системы контроля версий
Основные операции: фиксация и откат изменений, поиск, история
Работа с сервисом GitHub
Ветки, слияние веток и разрешение конфликтов
Командная работа
Английский язык для начинающих разработчиков
Бонус
Начнёте быстрее понимать техническую лексику, код и терминологию в вашем направлении. Сможете ориентироваться в профессиональном англоязычном контенте. Узнаете, как техническому специалисту подготовиться к собеседованию. Получите примеры прохождения интервью для разных специальностей.
Чтение технической документации
Языки программирования. Составление отчётов об ошибках
QA-тестирование
Слова из технической сферы, которые часто произносят неправильно
Навык просмотра англоязычного видеоконтента
Самопрезентация. Elevator Pitch
Прохождение собеседований
Высококлассное резюме и сопроводительное письмо
Email-переписка
Общение в технических чатах
Как вести звонки и встречи
Как учить лексику
Как учить грамматику
Вы суммируете все знания и навыки, полученные на курсе
Создадите и развернёте в интернете полноценный фронтенд для интернет-магазина: с поиском, корзиной, оформлением заказа и постраничной навигацией.
Онлайн-лекции
Занимаетесь в удобное время — материалы доступны в личном кабинете
Практика
Выполняете самостоятельные практические задание после каждой видеолекции
Все уроки теперь и в мобильном приложении
Мы разработали платформу для смартфонов, чтобы вы могли учиться в спортзале, самолёте, на даче или в пути.
Учитесь, где нравится
Доступ к учебным материалам всегда под рукой: это экономит ваши ресурсы
Занимайтесь даже без интернета
Можно скачать материалы на телефон и учиться даже там, где плохая связь
Получайте подсказки по дедлайнам
Приложение работает как помощник: напомнит про домашнюю работу или вебинар
Загружайте задания с телефона
Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя
Уверенный пользователь React
Ключевые навыки
Инициализация приложений
Обработка событий и передача состояния компонентов React
Владение самым современным API: Hooks и Context API
Реализация методов жизненного цикла компонентов
Работа с контролируемыми и неконтролируемыми компонентами
Работа с дочерними компонентами, объединение компонентов для создания более сложных
Реализация постраничной навигации React-приложений
Работа с пакетами Redux Toolkit, Redux Observable и Redux Saga
Инструменты, которые вы освоите
React
React
Простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов. React предоставляет виртуальный DOM API для взаимодействия между кодом и реальным DOM. В основе лежит использование компонентов — частей пользовательского интерфейса, содержащих в себе разметку и функциональность.
React Router
React Router
Стандартная библиотека маршрутизации (routing) в React.
Redux
Redux
Библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения.
Component Lifecycle
Component Lifecycle
React вызывает методы жизненного цикла для оповещения компонента о том, что что-то происходит.
SPA
SPA
Приложение или сайт, использующий единственный HTML-документ как оболочку для всех страниц и организующий взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript, обычно посредством AJAX.
JSX
JSX
Расширение синтаксиса стандартного JavaScript. Позволяет писать очень похожий на HTML код прямо в JavaScript-коде, упрощая создание React-компонентов и улучшая читаемость кода. Перед выполнением JSX преобразуется в JavaScript.
Redux Toolkit
Redux Toolkit
Пакет, который облегчает работу с Redux. Его цель — упростить типичные случаи использования Redux
Context API
Context API
Позволяет единожды объявить состояние, а затем использовать эти данные в каждой части приложения, где это необходимо
Redux Observable
Redux Observable
Промежуточное ПО, которое позволяет работать с асинхронными действиями
Hooks
Hooks
Функции, которые позволяют использовать React без классов
Redux Saga
Redux Saga
Библиотека для асинхронного взаимодействия хранилища Redux с внешними ресурсами
Вашу квалификацию подтвердит официальный документ
Мы обучаем по государственной лицензии и выдаём документы установленного образца.
Вы получите удостоверение о повышении квалификации, которое подтвердит работодателю ваши компетенции.
Для HR и руководителей
Для сотрудников
● Адаптируем программу, оформим договор и предоставим отчётность
по обучению
● Предложим выгодные условия для группы сотрудников
● Подготовим аргументы и шаблон письма для HR или руководителя
● Оформим оплату от компании — договор, счёт и документы на стороне Нетологии
Вернём деньги
В течение первых трёх занятий вернём вам полную сумму, а начиная с четвёртого — рассчитаем сумму возврата или поможем выбрать другой курс взамен. Читать условия
Поможем оформить налоговый вычет — 13%
Вы можете получить вычет в течение трёх лет после даты оплаты обучения, если работаете официально и платите подоходный налог
Поменяем программу обучения
Если сомневаетесь или вам не подошла профессия — можете выбрать другую. Сменить курс можно один раз в процессе обучения
В рассрочку или частями
До 24 месяцев через популярные сервисы или банки без переплат
Онлайн-оформление за 5 минут без звонков и ожиданий. Одобрение через СМС
Одним платежом
Банковская карта, СБП или из‑за рубежа
Через собственное юрлицо или работодателя
Для тех, кто привык учиться
Цена уже со скидкой. Оплатите курс до 11 сентября, чтобы сохранить выгоду.
1Запись на обучение
2Выбор способа оплаты
3Оплата
...
Частями без переплат
2 469 ₽/месяц
4 489 ₽ на 18 месяцев
Одним платежом
со скидкой 10%
40 000
₽80 808 ₽
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Этот курс не привязан к датам: все материалы откроются сразу
Frontend-разработка на React
Частями без переплат
2 469 ₽/месяц
4 489 ₽ на 18 месяцев
Одним платежом
со скидкой 10%
40 000
₽80 808 ₽
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Запишитесь на курс
Как оформить рассрочку, какие условия предоставления рассрочки?
Рассрочку без переплат можно оформить через Сбер, Т-Банк и другие банки-партнёры на сроки от 6 до 36 месяцев. Решение о предоставлении рассрочки принимает банк.
Что такое оплата частями?
Оплата частями — сервис, который помогает разбить стоимость покупки на равные части и выплачивать их в течение нескольких месяцев (от 2 до 24). Покупателю не нужно заключать кредитный договор. При использовании этого сервиса возможна переплата.
Развивайте профессиональные навыки в онлайн-формате