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。
使用最佳軟體開發實踐、架構設定、設計模式、測試和部署是我的核心競爭力。我一直專注於學習更多知識,永不滿足。
課程 證書
使用您的證書來改變職業生涯或在您目前的職業生涯中提升自己。

我們的學生與
最優秀的


































相關影片課程
檢視更多
