Скидки на курсы ждут в личном кабинете. Нажмите тут
Есть рассрочка Домашние задания

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

от Skillbox
JavaScript-фреймворк React.js
Формат
Онлайн
Длительность
2 месяца
Уровень
Для специалистов
Документ
Нет
Трудоустройство
Нет
Программа

Программа рассчитана на frontend-разработчиков, которые хотят освоить фреймворк и повысить свою компетенцию. Вы научитесь разрабатывать приложения с нуля, профилировать и тестировать их. Изучите протокол OAuth и имплементации в React.

Курс состоит из 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

Чему научат на курсе
Создавать приложения с нуля
Работать с публичными API
Познакомитесь с Flux, Redux, Mobx
Профилировать свое приложение
Тестировать свое приложение
Создавать SPA и RIA приложения с нуля
О школе
Skillbox
рейтинг 4.5
70 отзывов
446 курсов
Skillbox

Платформу онлайн-образования Skillbox основали в 2016 году предприниматели Дмитрий Крутов, Сергей Попков и Игорь Коропов. В школе создают возможности для учёбы и развития без ограничений по географии и возрасту студента. 

Все образовательные программы составлены на основе актуальных тем и практических заданий, близких к рабочим задачам. Школа часто проводит бесплатные вебинары для знакомства с профессиями и обучением. Также на портале Skillbox студенты регулярно размещают отзывы о курсах.

Оставить отзыв
Оставьте свой отзыв
Так вы сделаете рейтинг школ более точным и поможете другим выбрать хороший курс

Информация носит ознакомительный характер и может отличаться от указанной на сайтах школ-партнёров. Актуальную стоимость и описание программ вы можете узнать на сайте школы.