|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/mern-stack-project-course-build-fullstack-react-app/
课程评论:没有评论
课程名称:MERN栈项目课程 - 构建全栈React应用 课程概述:在本课程中,您将通过从零开始构建一个令人惊叹的电子商务应用程序来学习MERN栈。该应用程序将具备基本功能,如购物车和产品搜索,同时也包含聊天、实时销售图表、产品属性(例如可选择的产品颜色)、在React中创建可测试组件等高级功能。MERN栈是一个非常流行的Web应用程序开发工具包,由MongoDB(作为数据库)、Express(简化Node使用的框架)、React(用于创建用户界面)和Node(作为服务器)组成。您将学习如何将这四种技术结合在一起,并逐步构建一个先进的全响应式电子商务应用程序。 课程的第一部分将介绍MERN栈的基础知识以及JSX扩展。通过JSX,我们可以轻松地在React中创建组件。我还将展示整个应用程序,并提供有关VS Code和下载资源的一些提示。课程的剩余部分将深入涵盖使用电子商务作为示例应用程序,从零开始构建每个MERN栈应用程序的步骤。 在课程中,您将充分理解Redux,并通过实际场景进行学习。我们将首先安装React,并为整个应用程序创建一个HTML模板(使用React Bootstrap)。我们将链接创建的子页面并进行路由。接下来,我们将安装Express JS来处理应用程序的Node服务器,并连接到MongoDB数据库,将示例数据(如商店产品列表)保存到该数据库。我们将创建一个API,通过该API前端可以从数据库中检索数据、登录到应用程序等。完成前端、后端和API的连接后,我们将进一步开发应用程序,并使用后端操作补充前端代码。最后,我们将使用Jest和Testing Library测试我们的应用程序。 电子商务应用的一些功能包括: - 购物车 - 登录、注册 - PayPal支付 - 上传图像到Cloudinary和本地磁盘 - 产品列表的搜索、排序、过滤和分页 - 多级分类 - 畅销产品轮播 - 星级评分系统和评论 - 使用SocketIO的实时销售图表 - 使用SocketIO的聊天功能 - 将应用程序部署到Heroku和Render - React本地状态、Redux状态 - 使用React Hooks的优美函数式编程 - 更多精彩内容! 请浏览课程大纲并查看免费视频,以更好地理解本课程。几乎所有的学生对我的课程都表示满意!您可以查看他们的一些评论。现在就注册课程,成为一名MERN栈Web开发者吧!
In this course, you will learn the MERN Stack by building an amazing e-commerce application from scratch. The application will have not only basic functionalities such as a shopping cart and product search, but also advanced things such as chat, real-time sales charts, product attributes (e. g. product color to choose from), creating testable components in React and other things (see free videos and curriculum).MERN Stack is a very popular development kit for building web applications. MERN consists of MongoDB (as a database), Express (a framework to make it easier to use Node), React (to create user interfaces), and Node (as a server). You will learn how to combine all four technologies together and build an advanced fully responsive e-commerce application step by step. In the first part, you will learn the basics of MERN Stack and the JSX extension. Thanks to JSX we can easily create components in React. I will also show you the entire application and give you some tips about VS Code and downloadable resources. And the rest of this course is about covering and going through the steps of creating each MERN Stack application from scratch using e-commerce as example app. I will explain you everything in elegant and understandable way. You will deeply understand Redux using real life scenarios.We'll start by installing React and creating an HTML template for the entire application (using React Bootstrap). We will link the created subpages with routingNext, we will install Express JS to handle the Node server for our applicationWe will connect to the MongoDD database and save example data to this database, such as a list of products for the storeWe will create an API through which the frontend will retrieve data from the database, log in to the application, etc.Once we have the frontend, backend and API, we can connect everything together and develop the application further by supplementing the frontend code with backend operationsWe will test our app using Jest & Testing LibrarySome of the e-commerce app features:shopping cartlogin, registerPayPal paymentupload images to Cloudinary and to local disksearching, sorting, filtering, pagination of product listmultilevel categoriesbestsellers carouselstar rating system and reviewsreal time sales charts using SocketIOchat using SocketIOdeploy application to Heroku & RenderReact local stateRedux statebeautiful functional programming using React HooksMuch more!Please go through the curriculum and see free videos to get better understanding of the courseAlmost all of my students are satisfied with my courses! Take a look at some of the comments from them:"I loved this course, the author explains everything in a good way, even for me non native speaker. I was a bit scared to do an english course but it paid off.Thanks a lot and greetings from Germany"another:"This course is outstanding! It covers ground that no other course does. The instructor is well organized and thorough in all his examples and explanations. I'm looking forward to more of his courses."Sign up for the course now and become a MERN Stack web developer!