Курс
middle
Курс FRONT-END модуль React/Redux/TypeScript
Освой передовые библиотеки и фреймворки must have для Front-End и JavaScript разработчиков в 2022 году.
Для кого этот курс:
Всем кто хочет изучить React, Material-UI, Redux, Redux-Thunk, Redux-Saga, TypeScript
Разработчикам, которые хотят повысить свой уровень знаний
Выпускникам курса Front-End
Чему вы научитесь:
Разрабатывать React.js приложения с легко масштабируемой архитектурой.
Использовать для стилизации самые продвинутые инструменты, такие как: Emotion, CSS-модули и Styled Components.
Работать с Material-UI, одним из самых мощных UI фреймворков.
Использовать React router библиотеку, для синхронизации интерфейса приложения с URL строкой браузера.
Отправлять и обрабатывать данные при помощи библиотек Axios и React final form.
Писать переиспользуемую бизнес логику не только с использованием React hooks, но и с использованием Redux, Redux-Thunk и Redux-Saga.
При помощи TypeScript мы научимся выявлять ошибки на этапе компиляции, а не на этапе выполнения кода.
Тестировать наше приложение при помощи Jest и React Testing Library.
Программа
Введение в React
- Что такое React?
- Что такое Virtual DOM?
- Что такое reconciliation?
Настройка рабочего окружения
- Знакомство с Create-react-app
- Настройка браузера
Знакомство JSX
- Знакомство с JSX синтаксисом
- Атрибуты и выражения в JSX
- JSX в деталях
Элементы и компоненты в React
- Рендеринг элементов и компонентов
- Классовые и функциональные компоненты
- Условный рендеринг
- Списки и ключи
Работа с данными и формами
- Пропсы
- Жизненные циклы
- Хуки
- Состояние
- Подъём состояния
- Обработка событий
- Знакомство с React контекст
Работа с Material UI
- Почему не стоит писать свои велосипеды
- Отличия Reactstrap, Ant Design, Material UI
- Установка и настройка
- Работа с компонентами
Стилизация компонентов
- Сlass vs ClassName
- Библиотека CLSX
- Связанные стили
- Встроенные («инлайновые») стили
- CSS-модули
- CSS-in-JS
- Style API в Material UI
Получение данных
- Axios
- React Query
React routing
- Основной принцип работы SPA
- React router
- React router dom
Redux
- Flux архитектура
- Redux в качестве менеджера состояний
- Знакомство с middleware
- Подключение Redux и его работа в React-приложении
- Best practices при работе с Redux
Работа с формами
- Особенности работы с React формами
- React-final-form
- Redux-final-form
Redux-Thunk и Redux-Saga
- Отправка запросов и обработка ошибок
- Популярные ошибки
- Лучшие практики
- Введение в генераторы и итераторы
- Блокирующие и не блокирующие эффекты
TypeScript
- Введение
- Особенности синтаксиса
- Типизация React
- Типизация Redux
- Типизация Redux-Saga
Самостоятельный проект, для закрепления знаний
Самостоятельная работа над приложения. Весь этот период доступна постоянная онлайн-поддержка преподавателя
Как проходит обучение
Занятия в аудитории
Практическая работа в группах
Закрытый чат группы
Защита выпускной работы
Получение диплома
Преподаватель курса
Антон Головин
- Team Lead.
- Ведущий front-end разработчик компании Forforce.
- Специалист в области информационных технологий.
- Основной навык: разработка web интерфейсов любой сложности.
- 7+ лет опыта во Front-end.
Диплом OXYGEN IT SCHOOL
подтвердит, что вы прошли курс и станет дополнительным аргументом при устройстве на работу.
