Next.js、OpenAI 和 React JS:从入门到精通 Web 开发
AI 图片和推文生成、聊天机器人、聊天应用、Next.JS SEO - 作品集网站、Vercel(从零开始构建)
讲座 -55 个
时长 -6.5 小时
终身访问
课程 描述
本课程主要讲什么?
在本课程中,您将构建四个全新的 NextJS 实践项目,包括实时群聊、AI 推文生成器、聊天机器人、AI 图片生成器和作品集网站。您将学习如何将 OpenAI 集成到您的应用程序中,这将使您能够更快、更高效地构建现实世界的应用程序。
为什么这门课程与众不同?
- 虽然互联网上有很多课程教授身份验证、路由以及 Next.JS 和 ReactJS 的基础知识,但这门课程提供了一种独特的方法,向您介绍 OpenAI 并演示如何将其集成到您的应用程序中。
- 如果您是最近开始使用 ReactJS 或 NextJS 学习前端开发的人,那么这门课程绝对适合您!
- 如果您想在作为初学者时为您的作品集添加一些项目,那么请加入我参加这门激动人心的课程,您将学习到最流行的实时通信概念 OpenAI,并且在课程结束时,您将学习如何创建一个作品集网站并将其部署到生产环境中。
加入后您将获得哪些好处?
通过加入本课程,您将能够访问免费更新和具有令人兴奋功能的新项目,这些项目将随着时间的推移而添加。在课程结束时,您将在作品集中拥有四个项目,包括一个实时聊天应用程序和三个基于 AI 的应用程序。您还将学习如何创建作品集网站并使用 Vercel 免费部署您的应用程序。
这门课程适合谁?
- 这门全新的课程非常适合希望构建自己的作品集并增强信心的大学生/学院学生或初级前端开发人员。
- 如果您尝试过学习 ReactJS 和 NextJS,但尚未获得构建现实世界应用程序的信心,那么这门课程非常适合您。
您将学到什么?
在每个项目中,您将学习如何实现不同的功能,例如实时通信、基于 AI 的功能以及如何将您的应用程序部署到生产环境中。每个项目都建立在之前的项目之上,您将在每个新项目中获得经验和信心。
在本课程结束时,您将获得什么?
- 5 个项目,包括一个实时聊天应用程序和 3 个基于 AI 的应用程序,将添加到您的作品集中。
- 作品集网站,用于向全球的招聘人员和公司展示您的作品。
- 最后,您将学习如何使用 Vercel 免费部署您的应用程序。
课程结构
每个项目可以按照任意顺序完成,并且您从一开始就可以访问所有课程材料。随着您逐步完成每个项目,您将获得完成最终项目(即作品集网站)所需的知识和经验。
加入我,踏上这段激动人心的旅程,学习 NextJS 与 OpenAI,并构建真实世界的应用程序!
目标
使用 Open AI 模型生成图像、推文和聊天机器人
将 NextJS/ReactJS 应用程序部署到线上
NextJS SEO 和 Lighthouse 性能优化
将模板转换为 NextJS 网站
Fetch 和 Axios:发送 HTTP 请求
+奖励:JavaScript 复习
+奖励:ReactJS 中的 CSV 文件处理
先决条件
您需要具备 JavaScript 的基础知识(入门级)
用于设置开发环境和编写代码的电脑
克服想放弃学习的欲望的决心
课程大纲
查看课程内容的详细分解
入门
6 节课
- 课程介绍 01:06 01:06
- 加入我们的在线学习社区
- 我们将在本 NextJS/ReactJS 课程中构建什么? 01:10 01:10
- 本课程适合谁? 00:51 00:51
- OpenAI API 定价和免费试用积分 01:19 01:19
- 如何从本课程中获得最大价值?
JavaScript 复习 (可选)
3 节课
实时群聊应用
13 个讲座
Twitter 下一条推文生成器
4 节课
构建投资组合网站
4 节课
在 ReactJS/NextJS 中处理 CSV 文件
9 节课
讲师 信息
Tofiq Quadri
与企业和初创公司合作构建动态产品。我是一名高级软件工程师,专长于全栈开发和云技术。我最常用的工具是 React、NextJS、NestJS、NodeJS、AWS 云、Angular、ExpressJS 和各种数据库 ORM。
使用最佳软件开发实践、架构设置、设计模式、测试和部署是我的核心竞争力。我一直专注于学习更多知识,永不满足。
课程 证书
使用您的证书来改变职业生涯或在您目前的职业生涯中提升自己。