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