|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-pizza/
课程评论：没有评论
课程名称：《React披萨店 - 使用Hooks和Firebase订餐》 课程概述： 欢迎来到React披萨店。在本课程中，我们将构建一个披萨订购系统，提供多种食品类型和可编辑的弹出对话框，方便用户根据菜单自定义订单。我们将利用多种自定义React Hooks增加交互性。在通过Google账户认证后，我们会将订单发送到Firebase实时数据库，并通过无服务器的Firebase函数向用户发送订单确认邮件。本课程旨在帮助中级React开发者们通过一个有趣的项目来练习React Hooks和学习Firebase。课程提供完整的源代码，如在学习过程中有任何疑问，请随时联系。 课程亮点（5小时以上内容，包括但不限于）： - 使用React Hooks（useState, useEffect） - 构建自定义hooks以控制输入元素、身份验证、对话框等 - 优美的用户界面开发（Styled-components） - 弹出对话框、按钮、输入框、复选框 - 添加背景图片、使用Flexbox和CSS网格 - CSS动画和Google字体 - 从零开始创建React应用（create-react-app） - 生产环境的构建和部署 - 用户身份验证与Google登录登出 - 实时数据库追踪食品订单 - 根据订单响应的云函数 - 电子商务订单管理（添加、删除、编辑订单） - 税费和总额计算 - 动态食品项目 - 使用Node.js和Nodemailer发送订单邮件 - 网站图标（Favicon） 本课程适合希望通过实践项目提升React技能的开发者，是一个非常好的学习机会。
Welcome to React Pizza Shop. Here's what we'll be building: A pizza ordering system with multiple types of foods and editable popup dialogs to customize your order with delicious items from a menu. We'll add interactivity with a variety of custom React Hooks. After authenticating with a Google account, we'll send this order to Firebase Realtime database and a serverless Firebase function will send your user an email confirmation of their order. This course is intended for intermediate React developers looking for a fun project to practice React Hooks and/or learn Firebase. The full source code is provided. If you have any questions throughout the course, do not hesitate to reach out. Here's just some of the features included in this 5+ hour course:React with HooksuseState, useEffectBuild custom hooks to control input elements, authentication, dialogs and moreBeautiful UI DevelopmentStyled-componentsPopup DialogsButtons, Inputs, CheckboxesAdding Stock PhotosFlexbox and CSS gridsCSS animationsGoogle Fontscreate-react-app boilerplateStarting from scratchBuilding for productionFirebaseDeploying your site with HostingAuthenticating users with Google, logging them in and outRealtime Database to track food ordersFunctions to respond to ordersEcommerce OrderingAdding, Removing Editing ordersCalculating tax and totals of ordersDynamic food itemsEmailing orders with Node.js and NodemailerFavicon app icon
