Научитесь создавать веб-приложения на React.js. Курс построен на базе тренажёров. Это самый эффективный способ обучения, так как с самого начала мы учим вас работать с живым кодом и самостоятельно решать задачи, приближенные к реальным.
Этот курс подойдёт тем, кто уже знаком c HTML, CSS и JavaScript или прошёл наши курсы для новичков по вёрстке и программированию.
После курса вы сможете создавать веб-приложения на React.js. Это позволит вам создавать сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость и качество разрабатываемых продуктов, а также сможете выполнять более дорогие заказы.
Чему вы научитесь:
- познакомитесь с основными возможностями библиотеки React:
- JSX,
- компоненты,
- хуки.
- научитесь управлять состоянием компонентов и передавать данные (на примере React Hooks useState),
- разработаете по техническому заданию две игры, которые можно будет добавить в портфолио,
- познакомитесь с современной архитектурой одностраничного приложения (SPA).
Программа курса
Раздел 1. Синтаксис JSX и создание компонентов
- Принципы организации кода в SPA.
- Компонентная архитектура.
- Передача данных в компоненты и шаблонизация.
- JSX для React-компонентов.
- Операторы ES2015, которые используются в React-приложениях.
Раздел 2. Состояние компонентов и обработка событий
- Особенности обработки событий в React.
- props vs state.
- React Hooks и useState.
- Колбэки для передачи состояния
Раздел 3. Логика в компонентах
- Принципы выделения компонентов.
- Техники разделения логики и отображения.
- Таймеры в браузере и в React-компонентах для управления состоянием.
- Продвинутые возможности JSX.
- Композиция.
Раздел 4. Экраны приложения
- Высокоуровневые компоненты для управления передачей данных.
- Приёмы передачи данных между компонентами.
- Переключение экранов приложения.
- Работа с табличными данными.
- Продвинутые приемы работы с состоянием.
Раздел 5. Финальный этап работы над проектом
- Склонение числительных.
- Алгоритмы тасования массива.
- Внешние сервисы данных в компонентах.
Раздел 6. React в коммерческой разработке
- Разделение проекта на модули.
- Сборка проекта с webpack.
- Преимущества и недостатки инструмента Create React App.
