Образовательная платформа
Участвует в распродаже Скидка 30%
действует 0 дней 00:00:00
Курс

JavaScript-фреймворк React.js

JavaScript-фреймворк React.js

Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js

На рынке не хватает JavaScript-разработчиков

  • 10 218 компаний

    сейчас ищут JavaScript-разработчиков

  • 70 000 рублей

    зарплата начинающего специалиста

Кому подойдёт этот курс

  • Практикующим JavaScript-разработчикам

    Практикующим JavaScript-разработчикам

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

  • Frontend-разработчикам

    Frontend-разработчикам

    React.js — один из самых популярных фреймворков в мире. Вы научитесь создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами.

Чему вы научитесь

  1. Создавать приложения с нуля

    Конфигурировать их с помощью Webpack или использовать готовые решения.

  2. Работать с публичными API

    Узнаете о механизмах OAuth и имплементациях в React.

  3. Познакомитесь с Flux, Redux, Mobx

    Узнаете подробности о состоянии приложения и работе с ним.

  4. Профилировать свое приложение

    Искать слабые места и оптимизировать их.

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

    Познакомитесь с библиотеками Jest и Enzyme.

  6. Создавать SPA и RIA приложения с нуля

    Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.

Год английского языка бесплатно

Skillbox запустил онлайн‑платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.

Предложение действительно для пользователей, которые приобрели любой курс с 22 декабря 2021 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
  • персональная программа освоения языка, которая поможет заговорить с нуля;
  • возможность индивидуальных сессий с кураторами.

О Skillbox

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

  1. Смотрите материалы в удобное время

    Изучаете теорию и практикуетесь на задачах, приближённых к реальным.

    Смотрите материалы в удобное время

  2. Выполняете практические работы

    Решаете задачи после каждого модуля и закрепляете знания.

    Выполняете практические работы

  3. Работаете с проверяющим экспертом

    Получаете обратную связь по каждой работе в течение 1–3 рабочих дней.

    Работаете с проверяющим экспертом

  4. Разрабатываете итоговый проект

    Презентуете проект экспертам, дополняете портфолио и получаете сертификат о прохождении курса.

    Разрабатываете итоговый проект

Содержание курса

Вас ждут 3 месяца теории и практики, которые добавят вам реальных знаний в разработке на JavaScript.

  • 16 тематических модулей
  • 76 видеоматериалов

  1. Введение в React

      1. Что такое React. Основные преимущества
      2. Основы декларативного подхода
      3. Возможности React, компоненты, состояние, применения
      4. Экосистема React, основные библиотеки, из чего обычно состоит React-стек

  2. Создание проекта

      1. Конфигурация webpack на клиенте
      2. Конфигурация webpack на сервере
      3. Подключение к проекту HMR и SSR
      4. Подключение Typescript
      5. Подключение CSS modules, Jest, Enzyme

  3. Typescript

      1. Основы TypeScript. Типы
      2. Работа с массивами
      3. Работа с объектами и интерфейсами
      4. Типизация функций и типы TS
      5. Generics
      6. Классы
      7. Infer, typeof, keyof, Mapped Types

  4. Компоненты на примере новостной карточки Reddit

      1. Компоненты в React
      2. Состояния в Class Components
      3. Состояния в Functional Components
      4. Создание Layout приложения. Часть 1
      5. Создание Layout приложения. Часть 2
      6. Создание компонента новостной карточки
      7. Жизненный цикл компонента

  5. Hooks и функциональное программирование

      1. Каррирование и функции высшего порядка
      2. Hooks в React
      3. Map и Reduce в React
      4. Создание компонента dropdown c использованием hooks
      5. Compose, Pipe и их применение в React

  6. Компоненты - продвинутые темы. Введение в тестирование компонентов

      1. Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
      2. Создание Dropdown-меню с использованием state
      3. Введение в unit-тесты и Jest
      4. Написание тестов для React компонента. Enzyme vs Snapshots
      5. Вспомогательные компоненты

  7. Работа с публичным API на примере Reddit

      1. Как работать с API
      2. Регистрируем аккаунт разработчика на Reddit
      3. OAuth2
      4. Страница авторизации пользователя
      5. Как структурировать API-запросы в приложении

  8. React Context

      1. Забираем из API данные пользователя
      2. Отображаем данные пользователя в компоненте через prop
      3. Используем React Context для работы с данными
      4. Обновляем данные через контекст

  9. Портал и форма

      1. Верстаем карточку поста, используя ReactPortal
      2. Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
      3. Controlled и uncontrolled компоненты на примере поля комментария
      4. Сохраняем состояние формы, используя контекст

  10. Введение в Redux на примере поля для ввода комментария

      1. Введение в Redux
      2. Устанавливаем Redux, подключаем его к приложению
      3. Action + reducer
      4. Presentation Components/Container Components

  11. Использование Redux-Thunk на примере загрузки профиля пользователя

      1. Работа с асинхронными запросами в Redux
      2. Пишем простой logger middleware
      3. Подключаем thunk к приложению. Пишем свой первый асинхронный action
      4. Работа с асинхронным состоянием
      5. Пишем простой loader

  12. Формы на примере комментариев и карточки поста

      1. Экскурс в формы. Проблематика форм React
      2. Состояние полей. Различные подходы
      3. Какие можно использовать библиотеки и почему они могут мешать
      4. Сохраняем состояние формы, валидируем поля и выводим ошибки
      5. Доступности, нативные элементов и возможности работать с формой через табуляцию

  13. «Бесконечные» списки на примере ленты постов

      1. Работа с запросами к API
      2. Делаем загрузку ленты постов
      3. Виды бесконечных скроллов и пагинаций
      4. Делаем подгрузку ленты постов
      5. Эффективный рендеринг больших списков

  14. Сайдбар + роутинг

      1. Создаем сайдбар, используя более продвинутые практики
      2. Роутинг в SPA и в React
      3. Подключаем React Router
      4. Подключаем новостную ленту к роутеру
      5. Дополнительный функционал роутинга

  15. SSR + NextJS

      1. Серверный и статический рендеринг. Изоморфные приложения
      2. Делаем серверный рендеринг, используя express
      3. NextJS
      4. Переносим приложение на Next
      5. Деплой приложения в Zeit

  16. Бонусный модуль: Mobx

Спикеры

Александр Кузнецов

Александр
Кузнецов

Frontend-разработчик в ТАСС

Ольга Климонова

Ольга
Климонова

Ведущий разработчик ТАСС

Алексей Авдеев

Алексей
Авдеев

CTO в дизайн-лаборатории Mish, старший frontend-разработчик

Отзывы участников

  • Отзывы студентов

    Иван Медведев

    Курс «Инженер по тестированию»

    Если какой-то материал тяжело даётся, есть вопрос по ДЗ, достаточно написать преподавателю, который поможет разобраться с информацией и подскажет, как решить задачу.
    По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю «баги», разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
    Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!

  • Отзывы студентов

    Валентина Нарушевич

    Курс «Графический дизайнер с нуля до PRO»

    Благодаря курсу я научилась создавать классные постеры и векторные изображения. Также мой список новых скиллов пополнили ретушь и обтравка изображений — одни из главных навыков профессионального графического дизайнера.
    Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.

  • Отзывы студентов

    Яна Щербицкая

    Курс «Photoshop с нуля до PRO»

    Курс очень круто структурирован, там есть все знания, которые мне нужны, чтобы освоить программу. Сама бы я точно что-нибудь пропустила.
    Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
    Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
    Мой сайт

  • Отзывы студентов

    Алла Комиссаренко

    Курс «UX-дизайнер с нуля до PRO»

    Работать дизайнером мне очень нравится, от UX я вообще в восторге, тяга к аналитике у меня была всегда. После долгих поисков работы в новой сфере подруга помогла мне получить заказ на редизайн сайта большой компании.
    Отдельно хочу сказать спасибо куратору Александру Свобода, он очень подробно расписывал все недочёты и ошибки решений в дизайне.
    Мой сайт
    ВКонтакте

  • Отзывы студентов

    Елена Кальво

    Курс «Копирайтинг от А до Я»

    «Почему бы не сделать из хобби источник заработка?» — однажды подумала я.
    Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
    Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.

  • Отзывы студентов

    Ирина Семёнова

    Курс «SMM-специалист»

    Я узнала, что такое охваты, KPI и прочие слова, которые раньше пугали. Поняла, что чем проще и понятнее, тем лучше. Разобралась в сложной иерархии рекламного кабинета и научилась настраивать аудиторию и рекламу.

    Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.

    Мой дипломный проект

  • Старт курса: 29 мая
  • Осталось: 7 мест

Стоимость курса

  • Длительность рассрочки 12 месяцев
  • 2 214 ₽/мес
  • 3 163 ₽/мес
Участвует в распродаже Скидка 30%
действует 0 дня 00:00:00

Шаг 1. Выберите вариант оплаты

Шаг 2. Заполните контактные данные

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

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

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

Спасибо!

Ваша заявка успешно отправлена

Часто задаваемые вопросы

  • Могу ли я записаться на курс, если только недавно начал изучать JS?

    К сожалению, нет. Курс рассчитан на тех программистов, которые уже хорошо разбираются в веб- и frontend-разработке, так как работа в фреймворке React.js — это дополнительный навык. У вас уже должна быть база знаний, иначе вы просто не справитесь с материалами курса.

  • Это теоретический курс? В программе только лекции?

    Нет, половину курса составляет практика, к тому же есть итоговая работа — создание проекта по интеграции с Reddit. Так что по итогу обучения на платформе у вас будут теоретические и практические знания, а также примеры выполненных в этом фреймворке работ.

  • Сколько потребуется времени, чтобы пройти все модули?

    Курс рассчитан на 3 месяца: кто-то заканчивает раньше, кто-то — чуть позже. Здесь главное не скорость прохождения, а эффективное использование полученных навыков, поэтому лучше не торопиться и ориентироваться на заявленные 3 месяца.