Build Web Apps with React & Firebase
使用 React 和 Firebase 构建 Web 应用程序
Learn React from the ground up to make dynamic websites (includes Context, Hooks, Reducers, Routing, Auth, Databases)
从头开始学习 React 以制作动态网站(包括 Context、Hooks、Reducers、Routing、Auth、Databases)
教程演示🔗
学习内容
- 学习如何从头开始创建现代、动态的 React 网站
- 了解组件、道具、钩子、上下文、状态、还原器和 React 路由器
- 学习如何使用 React 和 Firebase 实现数据库、身份验证和文件上传
- 创建和部署完全成熟的基于用户的 React 网站
要求
JavaScript、HTML和CSS的基本知识
简介
React 是一种非常流行的前端库,网络开发就业市场对 React 开发人员的需求一直很高。在本课程中,您将学习如何从头开始使用 React 来创建动态和交互式网站,完成课程后,您将成为一名优秀的 React 开发人员。您还将拥有 4 个完整的 React 项目,您可以定制这些项目并将其用于您的作品集中!
在整个课程中,您将了解 React 的确切含义,以及为什么它是制作交互式动态网站的热门选择。您将学习如何从零开始建立 React 网站,如何创建 React 组件,如何使用状态管理组件数据,以及如何处理点击事件和表单提交等交互事件。
您还将亲身实践 React Router(React 中用于创建具有 “多个页面 “的网站),并了解这些网站实际上被称为单页面应用程序(简称 SPA)。
我们将深入学习 React 挂钩,如 useState、useEffect、useParams 和 useHistory,并使用它们帮助我们从头开始创建 4 个完整的 React 项目–记忆游戏、食谱网站、财务跟踪器和项目管理应用程序。
您还将学习到一些更高级的主题,例如处理全局状态的 React Context API 和帮助管理更复杂状态的 reducer(包括 useReducer 钩子)。
掌握 React 之后,我们将把网站与 Firebase(作为服务的后端)集成,使网站更上一层楼。您将学习如何在 React 网站中添加实时数据库和身份验证等服务,以及如何在 Firebase Storage 的帮助下让最终用户从自己的电脑上传文件。最后,我会教你如何使用 Firebase Hosting 构建 React 网站并将其部署到网络上。
课程结束时,您将对 React 有一个扎实的了解,并能够制作自己的生产就绪网站!
课程对象
- 希望学习 React 等前端框架的初级开发人员
- 希望进一步提高 React 技能和知识的初级 React 开发人员
- 希望学习如何集成身份验证和数据库等后端服务的中级和高级 React 开发人员
- 使用过其他框架(如 Vue)并希望转用 React 的开发人员