Node with React: Fullstack Web Development
使用 React 的节点:全栈 Web 开发
使用 NodeJS、React、Redux、Express 和 MongoDB 构建和部署全栈 Web 应用。
教程演示🔗
What you’ll learn 学习内容
-
Create boilerplate starter projects with React, Redux, Express, and Mongo
使用 React、Redux、Express 和 Mongo 创建样板入门项目 -
Understand common web technologies and design patterns to connect them together
了解常见的 Web 技术和设计模式,以便将它们连接在一起 -
Master deployment techniques between the production and development environments
掌握生产环境和开发环境之间的部署技术 -
Make an app with Google OAuth authentication
使用 Google OAuth 身份验证制作应用 -
Learn to effectively create and send emails from a backend server
了解如何有效地从后端服务器创建和发送电子邮件 -
Accept and process credit card payments from users
接受和处理用户的信用卡付款
Requirements 要求
-
Basic understanding of Javascript, React, and Redux
基本了解 Javascript、React 和 Redux -
A Mac, Windows, or Linux computer
Mac、Windows 或 Linux 计算机
Description 描述
Note: This course assumes you’ve got the basics of React and Redux down. Check out my course ‘Modern React with Redux’, its the perfect preparation!
注意:本课程假设你已经掌握了 React 和 Redux 的基础知识。 看看我的课程“Modern React with Redux”,这是完美的准备!
Go beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React, Redux, Express, and MongoDB technologies to build a fullstack web application.
超越 React 和 Redux 的基础知识!本课程将教您结合超流行的 React、Redux、Express 和 MongoDB 技术来构建全栈 Web 应用程序。
Advanced Deployment? You will learn it. Billing/Payments? Included. Handling Email? Of course!
高级部署?你会学会的。账单/付款?包括。处理电子邮件?答案是肯定的!
——————————
What Will You Build? 你会建造什么?
All of my courses are ‘learn-by-doing’: no boring endless lectures with Powerpoints, only live, interactive coding examples. In this course we’ll build one massive web application that profiles the advanced features of React, Redux, Express, and Mongo. By putting each concept into a real app, you’ll get a better idea of when to use each unique and powerful feature.
我所有的课程都是“边做边学”:没有无聊的无休止的Powerpoint讲座,只有实时的交互式编码示例。在本课程中,我们将构建一个大型 Web 应用程序,它描述了 React、Redux、Express 和 Mongo 的高级功能。通过将每个概念放入一个真实的应用程序中,您将更好地了解何时使用每个独特而强大的功能。
Build a large feedback-collection app. This mega app will include the full gamut of features, including everything from authentication to email handling. You’ll learn how to build an app that can be used to send mass emails to a big list of users for the purpose of collecting feedback. It’s my goal to ensure you understand each feature we build into this app so you can apply them to your own personal or professional projects in the future.
构建大型反馈收集应用。这个大型应用程序将包括所有功能,包括从身份验证到电子邮件处理的所有内容。您将学习如何构建一个应用程序,该应用程序可用于向大量用户发送大量电子邮件以收集反馈。我的目标是确保您了解我们在此应用程序中构建的每个功能,以便您将来可以将它们应用于您自己的个人或专业项目。
——————————
Here’s what we’ll learn: 以下是我们将学到的内容:
- Learn the architectural considerations of building a full stack app
了解构建全栈应用的架构注意事项 - Connect a front-end Create-React-App server to a NodeJS and Express backend
将前端 Create-React-App 服务器连接到 NodeJS 和 Express 后端 - Communicate data from your Mongo database to your React application
将数据从 Mongo 数据库传输到 React 应用程序 - Understand how to route user requests on the front end with React Router and on the backend with Express
了解如何使用 React Router 在前端路由用户请求,并使用 Express 在后端路由用户请求 - Build reusable user inputs with Redux Form, complete with navigation
使用 Redux Form 构建可重用的用户输入,并配有导航 - Handle credit cards and receive payments from your users with Stripe
使用 Stripe 处理信用卡并接收用户的付款 - Engage your users with automated emails
通过自动电子邮件吸引用户 - Enhance authentication flows in your app with Google OAuth authentication
使用 Google OAuth 身份验证增强应用中的身份验证流程 - Separate production and development resources with advanced API key handling techniques
使用先进的 API 密钥处理技术将生产和开发资源分开 - Educate your users on how to use your app with custom build landing pages
指导用户如何将应用与自定义构建登录页面配合使用
I’ve built the course that I would have wanted to take when I was learning to build fullstack apps. A course that explains the concepts and how they’re implemented in the best order for you to learn and deeply understand them.
我已经构建了我在学习构建全栈应用程序时想要学习的课程。一门课程,解释这些概念以及如何以最佳顺序实施它们,以便您学习和深入理解它们。
Who this course is for:
本课程适用于谁:
- Anyone who wants to learn how to build full stack apps with the latest in web technology
任何想要学习如何使用最新的 Web 技术构建全栈应用程序的人