Next.js 和 Apollo – 投资组合应用程序(带 React、GraphQL、Node)
使学习 GraphQL 和 Apollo!在 Next.js(Next 9+) / React 支持 Apollo + Node.js 中创建一个快速的投资组合应用程序
讲师:Filip Jerga
独家Udemy付费课程,中英文字幕,课程资料包齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将会学到的
- 使用 Next JS、Apollo 和 Node 开发真实世界的 Web 应用程序
- 在市场上最需要的框架中创建你自己的投资组合应用程序
- 掌握 GraphQL 的全部威力
- 在令人兴奋的 Next 和 React Web 开发环境领域建立自己
课程内容
13 个章节 • 157 个讲座 • 总时长 28 小时 35 分钟展开所有章节
介绍2 个讲座 • 11 分钟
基础项目设置13 个讲座 • 3 小时
GraphQL 开端17 个讲座 • 2 小时 50 分钟
React 的阿波罗21 个讲座 • 3 小时 22 分钟
服务器上的身份验证18 个讲座 • 3 小时 24 分钟
客户端认证15 个讲座 • 2 小时 30 分钟
投资组合创建10 个讲座 • 1 小时 40 分钟
更新和删除功能8 个讲座 • 1 小时 18 分钟
用户体验改进8 个讲座 • 1 小时 30 分钟
论坛专题23 个讲座 • 5 小时
分页9 个讲座 • 1 小时 44 分钟
突出特点6 个讲座 • 1 小时 6 分钟
部署7 个讲座 • 1 小时 2 分钟
要求
- React JS 基础知识
- HTML 和 CSS 基础知识,但不是必须具备的
说明
什么是 GraphQL?
GraphQL 是一种用于 API 的查询语言,也是一种服务器端运行时,用于使用你为数据定义的系统执行查询。GraphQL 不依赖于任何特定的数据库或存储引擎,并由你现有的代码和数据提供支持。
阿波罗是什么?
Apollo 是行业标准的 GraphQL 实现,提供将现代应用程序连接到云的数据图层。Apollo 将处理开箱即用的数据获取、缓存和状态管理!
Next.js 是什么?
Next.js 是 React 框架,为服务器端渲染 (SSR) 应用程序提供基础设施和简单的开发体验。
- 直观的基于页面的路由系统(支持动态路由)
- 预渲染,静态生成 (SSG) 和服务器端渲染 (SSR) 均支持每页
我们要建造什么?
我们将主要致力于投资组合功能。你将学习如何使用 Apollo 和 Graphql 管理客户端和服务器数据。数据将存储在 Mongo Atlas 数据库中,我们将通过 Node JS 服务器与之通信。我们将创建功能来创建投资组合,我将解释如何有效地管理表单。然后我们将查看更新功能,我将向你展示如何使用现有数据填充输入。之后,使用删除功能。所有功能都将是反应式的并实时更新视图。你将学习使用 Apollo 获取数据和数据突变的基础知识。
我们将开发的另一个重要功能是基于会话的身份验证。我们将准备登录和注册表格。用户将仅为经过身份验证的用户注册、登录和体验功能。你将学习如何通过应用程序管理会话、保护页面和组织身份验证状态。
论坛功能将是最大的功能。你将学习如何创建一个包含主题和帖子的完整工作论坛。我们将集成一个用于主题和帖子创建的组件。用户将能够开发各种主题、帖子和对其他帖子的回复,所有这些都在浏览器中实时更新。之后,你将学习如何创建一个完整的分页!
在课程的后面,我们将创建功能来获取主页的随机数据,我将讨论可重用性。我们将完成 CV 页面,然后开始部署。在应用所有生产改进之后,我们会将我们的应用程序部署到 Heroku,以便互联网上的任何人都可以访问我们的产品组合。
此课程面向哪些人:
- 初学者以及对 Next JS、GraphQL、Apollo 感兴趣的经验丰富的开发人员
- 本课程适合所有渴望使用现代技术堆栈创建应用程序的人