MERN Stack 项目课程 2022 – 构建全栈 React 应用程序
通过构建高级电子商务应用程序来学习 MERN Stack。产品属性、SocketIO、实时聊天、图表等
讲师:Robert Apollo
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将会学到的
- 了解如何组合 MongoDB、Express、React、NodeJS(MERN 堆栈)
- 如何使用 MERN Stack 从头开始创建全栈 Web 应用程序(前端 + 后端)
- 如何创建可测试和可维护的 React 组件
- 如何使用 Jest & Testing Library & Postman/Insomnia 测试你的应用
- 用现实生活场景理解 Redux
- 创建实时聊天和图表
- 更多
要求
- JavaScript 语言至少中级
- ES6 语法(对象解构和箭头函数)
- HTML & CSS 基础
- 推荐使用 React 基础知识,但不是必须具备的
说明
在本课程中,您将通过从头开始构建一个出色的电子商务应用程序来学习MERN 堆栈。该应用程序不仅具有购物车和产品搜索等基本功能,还具有聊天、实时销售图表、产品属性(例如可供选择的产品颜色)、在 React 中创建可测试组件等高级功能(请参阅免费视频和课程)。
MERN Stack是一个非常流行的用于构建 Web 应用程序的开发工具包。MERN 由MongoDB(作为数据库)、Express(使 Node 更易于使用的框架)、React(创建用户界面)和Node(作为服务器)组成。您将学习如何将所有四种技术结合在一起,逐步构建一个先进的完全响应式电子商务应用程序。
在第一部分中,您将学习 MERN Stack 和 JSX 扩展的基础知识。感谢 JSX,我们可以轻松地在 React 中创建组件。我还将向您展示整个应用程序,并为您提供一些关于 VS Code 和可下载资源的提示。本课程的其余部分是关于使用电子商务作为示例应用程序从头开始创建每个 MERN Stack 应用程序的步骤。我将以优雅易懂的方式向您解释一切。您将使用现实生活场景深入了解 Redux。
- 我们将首先安装React并为整个应用程序创建一个 HTML 模板(使用 React Bootstrap)。我们将创建的子页面与路由链接
- 接下来,我们将安装Express JS来为我们的应用程序处理Node服务器
- 我们将连接到MongoDD数据库并将示例数据保存到该数据库,例如商店的产品列表
- 我们将创建一个 API,前端将通过该 API 从数据库中检索数据、登录到应用程序等。
- 一旦我们有了前端、后端和 API,我们就可以将所有东西连接在一起,并通过用后端操作补充前端代码来进一步开发应用程序
- 我们将使用Jest & Testing Library测试我们的应用程序
一些电子商务应用程序功能:
- 购物车
- 登录,注册
- 贝宝付款
- 将图像上传到 Cloudinary 和本地磁盘
- 产品列表的搜索、排序、过滤、分页
- 多级类别
- 畅销书轮播
- 星级评分系统和评论
- 使用SocketIO的实时销售图表
- 使用SocketIO聊天
- 将应用程序部署到 Heroku
- 反应本地状态
- 还原状态
- 使用React Hooks进行漂亮的函数式编程
- 多得多!
请浏览课程并观看免费视频以更好地了解课程
几乎所有的学生都对我的课程感到满意!看看他们的一些评论:
“我喜欢这门课程,作者以一种很好的方式解释了一切,即使对我来说不是母语人士也是如此。我有点害怕上英语课程,但它得到了回报。
非常感谢和来自德国的问候”
另一个:
“这门课程非常出色!它涵盖了其他课程所没有的基础。讲师的所有示例和解释都井井有条且透彻。我期待着他的更多课程。”
立即注册课程并成为MERN Stack 网络开发人员!!!
此课程面向哪些人:
- 每个想要使用 MERN Stack 构建全栈 Web 应用程序的人
- 每个想要将高级 MERN Stack 项目添加到投资组合的人