Программирование [HTML Academy] Введение в react (2023)

[Zero]

Автор: HTML Academy
Курс: Введение в react (2023)

О чём курс:

Курс посвящён созданию веб-приложений на React.js и построен на тренажёрах с работой над кодом и задачами, приближенными к реальным. Он подойдёт тем, кто уже знаком с HTML, CSS и JavaScript или прошёл курсы для новичков по вёрстке и программированию. В программе рассматриваются JSX, создание компонентов, организация кода в SPA, передача данных, обработка событий и управление состоянием с помощью React Hooks и useState. Далее изучаются разделение логики и отображения, композиция, таймеры, переключение экранов, работа с табличными данными и продвинутые приёмы управления состоянием. В финальной части разбираются внешние сервисы данных, разделение проекта на модули, сборка с webpack и инструмент Create React App; также предусмотрена разработка двух игр по техническому заданию.

Описание

Научитесь создавать веб-приложения на 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.

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.