【Udemy中英字幕】React – Build a Complete E-Commerce Application Step by Step

React – 逐步构建完整的电子商务应用程序

从头开始学习 React.js 并使用 React JS、JavaScript 和 JSX 构建完整的电子商务前端应用程序

讲师：Coding Courses

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将学到什么

• 学习 React 基础知识：SPA、JSX、组件、Hooks、状态、上下文、效果、道具等。
• 将 HTML 和 CSS 代码转换为 JSX 元素和 React 组件
• 使用 React、JavaScript 和 JSX 创建完整的电子商务应用程序
• 使用开源后端应用程序（JSON 服务器）执行 CRUD 操作
• 实现分页、搜索、排序和过滤功能以从 REST API 读取数据
• 使用 JWT 实施注册、身份验证和基于角色的授权
• 表单验证：客户端和服务器端验证
• 将图像上传到 REST 服务器
• 使用 Fetch API 发送 HTTP 请求：基于承诺的行为和异步/等待调用
• 使用 React Router 进行路由：创建路由和受保护的路由
• 在本地存储中存储和访问浏览器上的应用程序数据
• 添加并使用 CDN 中的 Bootstrap Css、JS 和图标

要求

• HTML 和 JavaScript 的基础知识

描述

本课程适合具有一定 HTML 和 JavaScript 知识的 React.js 初学者。

在本课程中，我将向您展示如何使用 React 构建完整的前端应用程序。此应用程序也称为单页应用程序 (SPA)，因为它包含呈现不同视图的单个 HTML 文件。

我们将使用“JSON Server”，它是一个 REST 服务器，作为我们的后端应用程序。因此，我们将只专注于创建前端应用程序。我们将通过使用 Fetch API 向后端应用程序发送 HTTP 请求来对产品执行 CRUD（创建、读取、更新和删除）操作。然后我们将使用 JWT（JSON Web 令牌）添加注册、身份验证和基于角色的授权。

在本课程中，您将学习：

– 如何使用 JavaScript、JSX 和 Bootstrap 创建 React 应用程序

– 如何创建 React 组件以及如何导出/导入它们

– 如何将参数（props）传递给React组件

– 如何使用有用的 React 函数，称为 Hooks：useState、useEffect 和 useContext

– 如何在功能组件中使用状态

– 如何创建两种类型的表单：受控表单和非受控表单

– 如何使用客户端验证和服务器端验证来验证表单

– 如何使用 JWT 实现注册、身份验证和基于角色的授权

– 如何使用不同的 HTTP 请求和 Fetch API 对产品执行 CRUD 操作（创建、读取、更新和删除）

– 如何使用分页（将数据拆分为多个页面）、搜索、排序和过滤功能

– 如何上传图片到服务器

– 如何使用本地存储在浏览器本地存储和访问应用程序数据

本课程适合谁：

• 本课程适合任何想要通过创建完整的电子商务应用程序来学习 React 的人。