Learn to build an e-commerce store with .Net, React & Redux
学习使用 .Net、React 和 Redux 构建电子商务商店
如何使用一些最流行和最需要的框架(React 和 .Net)构建现实世界的应用程序
教程演示🔗
What you’ll learn 学习内容
-
Using .Net for the back end code
将 .Net 用于后端代码 -
Using React for the client app or front-end
将 React 用于客户端应用或前端 -
Using Redux for client side state management
使用 Redux 进行客户端状态管理 -
Using the Material UI styling framework for React
使用 React 的 Material UI 样式框架 -
Using the TypeScript language
使用 TypeScript 语言 -
Using the C# language 使用 C# 语言
-
Using Entity Framework 使用实体框架
-
Using ASPNETCore Identity for authentication
使用 ASPNETCore Identity 进行身份验证
Requirements 要求
-
Some programming experience required, but there is some pre-work you can do to get to the stage you need to be if never coded before
需要一些编程经验,但如果以前从未编码过,您可以做一些前期工作来达到您需要的阶段
Description 描述
***The course has been refreshed in February 2023 to use .Net 7, React 18 and React Router 6***
该课程已于 2023 年 2 月更新,以使用 .Net 7、React 18 和 React Router 6***
Do you want to learn how to build a real world application using .Net, React and Redux? In this course we start from nothing and build a proof of concept E-Commerce store using these frameworks/libraries.
您想学习如何使用 .Net、React 和 Redux 构建真实世界的应用程序吗? 在本课程中,我们从零开始,使用这些框架/库构建概念验证电子商务商店。
In this course we build a complete application from start to finish and every line of code is demonstrated and explained.
在本课程中,我们从头到尾构建一个完整的应用程序,并演示和解释每一行代码。
Here are some of the things you will learn about in this course:
以下是您将在本课程中学到的一些内容:
-
Setting up the developer environment
设置开发人员环境 -
Creating a .Net WebAPI application using the dotnet CLI
使用 dotnet CLI 创建 .Net WebAPI 应用程序 -
Creating a client side front-end React single page application for the stores user interface
为商店用户界面创建客户端前端 React 单页应用程序 -
Using Entity Framework to write code that queries and updates the database
使用实体框架编写查询和更新数据库的代码 -
Using ASP.NET Identity for login and registration
使用 ASP.NET Identity 进行登录和注册 -
Using React Router to navigate between routes on the client
使用 React Router 在客户端上的路由之间导航 -
Using Automapper. 使用 Automapper。
-
Building a great looking UI using Material Design
使用 Material Design 构建美观的 UI -
Making reusable form components using React hook form
使用 React 钩子表单制作可重用的表单组件 -
Paging, Sorting, Searching and Filtering
分页、排序、搜索和筛选 -
Creating orders from the shopping basket
从购物篮创建订单 -
Accepting payments via Stripe using the new EU standards for 3D secure
使用欧盟 3D 验证新标准通过 Stripe 接受付款 -
Publishing the application to Heroku
将应用程序发布到 Heroku -
Many more things as well
还有很多其他的东西
Tools you need for this course
本课程所需的工具
In this course all the lessons are demonstrated using Visual Studio Code, a free cross platform code editor. You can of course use any IDE you like and any Operating system you like… as long as it’s Windows, Linux or Mac.
在本课程中,所有课程都使用 Visual Studio Code(一个免费的跨平台代码编辑器)进行演示。 当然,您可以使用任何您喜欢的IDE和任何您喜欢的操作系统…只要是 Windows、Linux 或 Mac。
Is this course for you?
这门课程适合你吗?
This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.
这门课程非常实用,大约 90%+ 的课程将涉及您和我一起在这个项目上编码。 如果你是那种在实践中从学习中获得最大收益的人,那么这门课程绝对适合你。
Important: This course is aimed at beginners but there is an expectation you have written some code before – it is not suitable for those who have never coded before.
重要提示:本课程面向初学者,但期望您以前编写过一些代码 – 它不适合那些以前从未编写过代码的人。
On this course we will build an example E-commerce store, completely from scratch using the DotNet CLI tool and the Create-React-App tool to help us get started. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application using .Net and React.
在本课程中,我们将使用 DotNet CLI 工具和 Create-React-App 工具完全从头开始构建一个示例电子商务商店,以帮助我们入门。 您只需要一台装有您最喜欢的操作系统的计算机,以及学习如何使用 .Net 和 React 构建应用程序的热情,即可开始。
Who this course is for:
本课程适用于谁:
- Beginner developers who would like to learn about .Net and React to build a real world project.
想要了解 .Net 和 React 以构建真实世界项目的初学者开发人员。