|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-redux-typescript-api-aspnet-2/
课程评论：没有评论
**课程名称：** ReactJS 与 ASP.NET（从零开始到实际应用）– 第 4 部分 **课程概述：** 本课程是关于使用 React、Redux、TypeScript 和 ASP.NET WEB API 构建功能齐全的电子商务应用程序的第四部分。它紧随前两部分关于 React 和 Redux 的内容，侧重于实践。通过逐步构建独立但又整合在一起的组件，本课程将深入讲解在前两部分中学习的基础知识、概念和术语的应用方法。 在本部分，您将获得使用 React、Redux、TypeScript 和 ASP.NET API 资源创建可运行的电子商务应用程序原型的实际经验。在创建和调试 React 组件的过程中，您可能需要独立解决一些问题，但如果遇到困难，可以寻求课程翻译的帮助。 完成本课程后，您将拥有一个完整的在线商店项目，其代码可以上传到 GitHub，作为您掌握全栈开发（React 和 ASP.NET）能力的证明。本课程的目标是为初学者提供对前端 Web 技术发展方向的理解，以 ReactJS 框架为例。 鉴于本部分从 React 项目示例创建开始，它也适合已经掌握 HTML、CSS、JavaScript，但对 React 库和 ASP.NET WEB API 后端不熟悉的 Web 开发人员。这是一门实践课程，您将继续在 React、Redux 和 ASP.NET API 上进行实际开发！ **课程内容详解：** * **TypeScript 在 React 项目中的应用：** 简要介绍 TypeScript 在 React 项目中的特点，并展示如何从模板创建使用 TypeScript 的 React 项目，同时介绍项目中推荐使用的所有包。 * **React 组件开发：** * 讲解如何为组件添加自定义样式以及集成 Bootstrap。 * 介绍开发所需的工具和用于编写 React 代码的扩展。 * 构建应用程序的页眉和页脚组件。 * 创建用于与 ASP.NET 外部 API 交互的组件。 * 开发网站主页组件、电商商品卡片组件以及商品详情组件。 * 配置应用程序的路由。 * **数据管理：** * 详细讲解 Redux Toolkit (RTK Query) 的使用，以及如何使用 Redux 存储和 Slice 来管理商品数据。 * 实现购物车中商品数据的管理功能。 * 使用 React 和 Redux 通过请求和 mutations 来管理外部 API 中的商品数据。 * 添加购物车商品列表描述组件和接收者信息输入组件。 * **用户体验优化：** * 创建独立的组件来为应用程序页面中的数据加载过程添加动画。 * 开发受控组件来管理商品接收者的数据。 如果您尚未决定是否参加本课程，那么现在就加入吧！
Это четвертая часть курса по использованию React, Redux, TypeScript и WEB API на ASP.NET, для создания полно функционального E-commerce приложения. Эта часть курса является логическим продолжением часьей по React и Redux, и в большей части, является практической частью, где по мере выполнения заданий и создания отдельных компонентов, в едином решении, будет достаточно детально, раскрыта методика использования тех базовых знаний, концепций и терминов, которые изучались были рассмотрены в первых двух частях курса о React и Redux. В этой части курса, вы получите практический опыт создания работающего прототипа приложения, для интернет торговли, с использованием React, Redux, TypeScript и ресурсов API на ASP.NET. По мере создания и отладки компонентов приложения на React, вам придется решать некоторые проблемы самостоятельно. Впрочем если вы не справитесь сами, то можете получить помощь от переводчика этого курса.По мере прохождения курса, вы создадите полноценный проект с интернетом магазином, код которого вы сможете выложить на GitHub, как доказательство того, что вы действительно что то знаете в full stack разработке на React и ASP.NET. Цель этого курса, достаточно проста, дать возможность начинающим разработчикам, понимание того, куда и как развиваются веб технологии, в части front end, на примере фреймворка ReactJS Однако поскольку эта часть курса, начинается, с создания примера проекта на React, он также подойдет и тем кто уже работает в веб разработке и разбирается в HTML, CSS и JavaScript, но ничего не знает про библиотеку React и серверную часть, на премере WEB API ASP.NET. Это будет практическая часть курса, в которой вы продожите изучение на практике разработку на React, Redux и API на ASP.NET!В первом разделе этой продвинутой части курса, вы получите краткое представление об особенностях использования TypeScript в проектах на React. Затем будет показан пример создания из шаблона, проекта на React c использованием TypeScript.Также, здесь будут рассмотрены все пакеты, рекомендуемые для использования в проекте.Затем, в разделе посвященном компонентам React, будет рассмотрено подключение пользовательских стилей для компонентов, а также подключение Bootstrap. Также в этой части будет показано, какие инструменты, потребуются для разработки, а также какие расширения будут использованы для написания кода на React. Затем, будут рассмотрены компоненты для верхнего и нижнего колонтитулов веб приложения.Далее, будут рассмотрены компоненты для настройки взаимодействия с внешним API на ASP NET.После чего, будут созданы компонент для главной страницы сайта и компонент для карточек товаров интернет магазина и компонент с детальным описанием товара.Затем, будет рассмотрен компонент, для настройки маршрутизации в приложении.В следующем разделе, будет рассмотрено использование пакетов Redux Toolkit, или точнее RTK Query, также для управления данными о товарах, будет использовано хранилище Redux и Slice.Далее, будет рассмотрена реализация функциональности управления данными о товарах в корзине покупок, для приложений с React и Redux.Для управления данными о товарах во внешнем API, из браузеров клиентов, с помощью React и Redux, будут использованы запросы и мутации.Также, будут добавлены, компонент с описанием списка товаров в корзине покупок, а также с компонент для ввода данных о получателе товаров.Далее, будут созданы отдельные компоненты, для анимации процесса загрузки данных на страницы приложения с React.Затем, будут созданы контролируемые компоненты, для управления данными о получателе товара.И если вы до сих пор еще не решили, нужен ли вам этот курс, то начинайте!
