Tutorialspoint

黑色星期五,史上最低价! 使用优惠码:BFS8

Next.js、OpenAI 和 React JS:从入门到精通 Web 开发

人物图标 Tofiq Quadri

4.5

Next.js、OpenAI 和 React JS:从入门到精通 Web 开发

AI 图片和推文生成、聊天机器人、聊天应用、Next.JS SEO - 作品集网站、Vercel(从零开始构建)

更新时间图标 更新于 2024 年 9 月

语言图标 语言 - 英语

人物图标 Tofiq Quadri

英语 [CC]

类别图标 开发,Web 开发,ReactJS

讲座 -55

时长 -6.5 小时

终身访问

4.5

price-loader

终身访问

30 天 退款保证

培训 5 人或以上?

让您的团队随时随地访问 10000 多门 Tutorials Point 顶级教程。

课程 描述

本课程主要讲什么?

在本课程中,您将构建四个全新的 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 的基础知识(入门级)

  • 用于设置开发环境和编写代码的电脑

  • 克服想放弃学习的欲望的决心

Next.js, OpenAI & React JS: Beginner to Pro Web Development

课程大纲

查看课程内容的详细分解

入门
6 节课
  • 播放图标 课程介绍 01:06 01:06
  • 播放图标 加入我们的在线学习社区
  • 播放图标 我们将在本 NextJS/ReactJS 课程中构建什么? 01:10 01:10
  • 播放图标 本课程适合谁? 00:51 00:51
  • 播放图标 OpenAI API 定价和免费试用积分 01:19 01:19
  • 播放图标 如何从本课程中获得最大价值?

JavaScript 复习 (可选)
3 节课
Tutorialspoint
Tutorialspoint
实时群聊应用
13 个讲座
Tutorialspoint
Tutorialspoint
Twitter 下一条推文生成器
4 节课
Tutorialspoint
Tutorialspoint
构建投资组合网站
4 节课
Tutorialspoint
Tutorialspoint
在 ReactJS/NextJS 中处理 CSV 文件
9 节课
Tutorialspoint

讲师 信息

Tofiq Quadri

Tofiq Quadri

与企业和初创公司合作构建动态产品。我是一名高级软件工程师,专长于全栈开发和云技术。我最常用的工具是 React、NextJS、NestJS、NodeJS、AWS 云、Angular、ExpressJS 和各种数据库 ORM。


使用最佳软件开发实践、架构设置、设计模式、测试和部署是我的核心竞争力。我一直专注于学习更多知识,永不满足。

课程 证书

使用您的证书来改变职业生涯或在您目前的职业生涯中提升自己。

sample Tutorialspoint certificate

我们的学生与
优秀的

相关视频课程

查看更多

年度会员

成为 Tutorials Point 的尊贵会员,享受我们海量顶级视频课程的无限访问权限。

立即订阅
Annual Membership

在线认证

掌握主流技术,成为受人尊敬的认证专业人士。

立即探索
Online Certifications

联系我们

1800-202-0515