Описание курса:
Разработка с React.js позволяет создавать мощные и эффективные веб-приложения с отзывчивым интерфейсом. Благодаря компонентной архитектуре и реактивному обновлению UI, код становится переиспользуемым и приложение работает быстро. Большое сообщество разработчиков и обширные ресурсы обеспечивают поддержку и легкость в изучении.
Что вам даст этот курс?
• Научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk
• Сможете создавать SPA-приложения и оптимизировать их для production
• Изучите TypeScript и будете писать чистый и лаконичный код, применяя эту технологию
• Будете применять в работе интеграционные и юнит-тесты
• Сможете работать в GraphQL, Apollo, Relay
Также вы узнаете, как работает под капотом Webpack и Babel, освоите паттерны функционального программирования и научитесь их применять в React.
Аудитория:
• JavaScript-разработчики с навыками HTML/CSS
• Backend-разработчики, желающие стать Fullstack
• начинающие React-разработчики
Необходимая подготовка:
• знакомство с HTML/CSS
• опыт работы с JavaScript
Программа курса:
Модуль 1. Введение и настройка
• Установка и настройка React
• Typescript
• Консультация по проекту
Модуль 2. React
• Основы ReactJS. Компоненты
• JSX + CSS
• Typescript
• React lifecycle
• React hooks
• React hooks
• Списки, ключи, события, порталы
• MVC, SOLID in React. Архитектура
• Основы функционального программирования
• React patterns
• Практика (1) Слайдер диапазона
• Практика (2) Всплывающий компонент
Модуль 3. React и Окружение
• Формы, formik, react-hook-form
• Jest и тестирование
• React-Testing-Library
• Роутинг в React приложении
• Redux toolkit
• Redux thunk
• Генераторы и итераторы
• Redux-Saga
• HTTP and REST API
• React-Query, Redux-toolkit query
• Websokets and Webworkers
• Обзор GraphQL
• Аутентификация в веб современном приложении
• Репетиция собеседования
Модуль 4. Практический модуль
• Разработка мессенджера (1) Websockets
• Разработка мессенджера (2) Websockets
• Разработка игры Ветклиника (1) - graphql
• Разработка игры Ветклиника (2) - graphql
• Разработка блога (1) - rest api + next.js
• Разработка блога (2) - rest api + next.js
• Разработка блога (3) - rest api + next.js
Модуль 5. Проектный модуль
Окончательная цена указывается в договоре на обучение.
