Курс
JavaScript-фреймворк React.js
Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js
- Длительность 2 месяца
- Онлайн в удобное время
- Практика во время курса
- Доступ к курсу навсегда
О курсе
Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.jsПрограмма курса
Уроки модуля
- Что такое React. Основные преимущества.
- Основы декларативного подхода.
- Возможности React, компоненты, состояние, применения.
- Экосистема React, основные библиотеки, из чего обычно состоит React-стек.
Уроки модуля
- Конфигурация webpack на клиенте.
- Конфигурация webpack на сервере.
- Подключение к проекту HMR и SSR.
- Подключение TypeScript.
- Подключение CSS modules, Jest, Enzyme.
Уроки модуля
- Основы TypeScript. Типы.
- Работа с массивами.
- Работа с объектами и интерфейсами.
- Типизация функций и типы TS.
- Generics.
- Классы.
- Infer, typeof, keyof, Mapped Types.
Уроки модуля
- Компоненты в React.
- Состояния в Class Components.
- Состояния в Functional Components.
- Создание Layout приложения. Часть 1.
- Создание Layout приложения. Часть 2.
- Создание компонента новостной карточки.
- Жизненный цикл компонента.
Уроки модуля
- Каррирование и функции высшего порядка.
- 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.
- OAuth2.
- Страница авторизации пользователя.
- Как структурировать API-запросы в приложении.
Уроки модуля
- Забираем из API данные пользователя.
- Отображаем данные пользователя в компоненте через prop.
- Используем React Context для работы с данными.
- Обновляем данные через контекст.
Уроки модуля
- Верстаем карточку поста, используя ReactPortal.
- Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна.
- Controlled и uncontrolled компоненты на примере поля комментария.
- Сохраняем состояние формы, используя контекст.
Уроки модуля
- Введение в Redux.
- Устанавливаем Redux, подключаем его к приложению.
- Action + reducer.
- Presentation Components/Container Components.
Уроки модуля
- Работа с асинхронными запросами в Redux.
- Пишем простой logger middleware.
- Подключаем thunk к приложению. Пишем свой первый асинхронный action.
- Работа с асинхронным состоянием.
- Пишем простой loader.
Уроки модуля
- Экскурс в формы. Проблематика форм React.
- Состояние полей. Различные подходы.
- Какие можно использовать библиотеки и почему они могут мешать.
- Сохраняем состояние формы, валидируем поля и выводим ошибки.
- Доступности, нативные элементы и возможности работать с формой через табуляцию.
Уроки модуля
- Работа с запросами к API.
- Делаем загрузку ленты постов.
- Виды бесконечных скроллов и пагинаций.
- Делаем подгрузку ленты постов.
- Эффективный рендеринг больших списков.
Уроки модуля
- Роутинг в SPA и в React.
- Подключаем React Router.
- Подключаем новостную ленту к роутеру.
- Дополнительный функционал роутинга.
Уроки модуля
- Что такое деплой.
- SaaS vs PaaS vs IaaS.
- Деплой приложения на Heroku.
- Готовим проект к продакшну.
Уроки модуля
- Общий обзор и сравнение.
- MobX.
- Effector.
Тарифы курса
– 60%
JavaScript-фреймворк React.js
Студенты могут вернуть до 13% стоимости курса, оформив налоговый вычет
Стоимость курса
15984 ₽
39961 ₽
В рассрочку без переплат
2664 ₽/мес
Мы всегда на связи
Вам нужна помощь в подборе курса?
Наши менеджеры свяжутся с вами и проконсультируют вас.
Отзывы
Контакты
Вам нужна помощь в подборе курса?
Свяжитесь с нами!
Звоните:
Пишите:
Свяжитесь с нами!
Ваша заявка принята!
Мы позвоним вам в течение дня и проконсультируем вас по всем вопросам связанным с обучением