Udemy線上課程 邊做邊學 - 製作ChatGPT網頁APP 講師:Ken Cen 影音教學 中文發音 繁體中文版(DVD版)
Udemy線上課程邊做邊學-製作ChatGPT網頁APP講師:KenCen影音教學中文發音繁體中文版(DVD版)內容說明:
課程介紹：使用JavaScript、React、Node.js和HTML、CSS連結OpenAIAPI製作ChatGPT網頁應用
歡迎參加我們的課程，這是一個令人興奮的機會，讓您學習如何使用JavaScript、React、Node.js和HTML、CSS連結OpenAIAPI，並製作一個功能強大的ChatGPT網頁應用。
在本課程中，您將學習如何建立一個具有智能聊天功能的應用，讓用戶可以與AI進行自然對話並獲得豐富的回應。
在這個課程中，您將獲得以下學習：React基礎知識：您需要對React進行基本瞭解，這是建立ChatGPT網頁應用的主要技術。
Node.js和伺服器設置：我們將使用Node.js來建立伺服器，以便與OpenAIAPI進行通訊並處理請求。
OpenAIAPI：您將學習如何在OpenAI平台上註冊並獲得API金鑰，這將允許您訪問OpenAI的ChatGPT模型。
ChatGPT功能：您將學習如何使用OpenAIAPI的ChatGPT功能，使您的應用能夠產生智能回答，讓用戶體驗更豐富。
課程特點：適合程式設計初學者：我們將從基本的React知識開始，讓任何程度的學生都能輕鬆參加。
實踐導向：課程將以實際的編碼練習和實際應用為主，讓您能夠動手建立ChatGPT網頁應用。
專業指導：我們的專業教師將提供詳細的指導和支援，確保您在學習過程中取得成功。
獨立專案：在課程結束後，您將擁有一個完整的ChatGPT網頁應用，可以展示給朋友和家人。
這個課程將讓您在JavaScript、React、Node.js和HTML、CSS的世界中增加更多技能，同時讓您深入瞭解如何使用OpenAIAPI來建立智能聊天應用。
無論您是新手還是有經驗的開發者，這個課程都將帶領您進入新的技術領域，豐富您的程式設計經驗。
加入我們的課程，探索人工智慧的魅力，一起建立令人驚豔的ChatGPT網頁應用吧！
課程內容:
01-Introduction
001課程展示.mp4
002如何註冊OpenAI帳號.mp4
003Ajax如何連結API.mp4
003index.html
004index.html
004同步執行Sync&異步執行Async.mp4
005index.html
005JS如何執行異步.mp4
006index.html
006Promise對象.mp4
007Async與Await.mp4
007index.html
008HTTPReuqestMethod.mp4
009如何授權訪問API.mp4
010app.js
010index.html
010實作-連結OpenAIAPI.mp4
011app.js
011index.html
011實作-使用chatGPT模型.mp4
012app.js
012index.html
012styles.css
012實作-chatGPT左側邊欄製作.mp4
013index.html
013styles.css
013實作-chatGPT主欄框架佈局.mp4
014index.html
014styles.css
014實作-chatGPT主欄框輸入框CSS外觀.mp4
015app.js
015實作-chatGPT生成聊天記錄.mp4
016styles.css
016實作-chatGPT聊天記錄CSS外觀.mp4
017app.js
017index.html
017styles.css
017實作-ChatBubble合併聊天記錄及CSS外觀.mp4
018app.js
018index.html
018styles.css
018實作-再次連結ChatGPTAPI完善功能.mp4

02-React.js與Node.js（項目需要用到的知識）
001app.js
001安裝與運行NodeJS代碼.mp4
002NPM的使用.mp4
003實作2-WebScraper-NodeJS連結本地伺服器.mp4
004Web-scraper.zip
004實作2-WebScraper-爬取紐約時報網信息.mp4
005實作2-WebScraper-把爬取數據做成API.mp4
006Web-scraper.zip
006實作2-WebScraper-前端數據顯示.mp4
007first-react-app.zip
007如何建立第一個ReactApp.mp4
00833-React-Components.mp4
008什麼是ReactComponents.mp4
009first-react-app.zip
009如何添加變數&如何添加CSSClass.mp4
010first-react-app.zip
010guest.jpg
010member.jpg
010React中的判斷語句&如何添加圖片到React中.mp4
011first-react-app.zip
011React如何顯示Array或者List.mp4
012first-react-app.zip
012React如何響應Event事件.mp4
013first-react-app.zip
013useStateHooks的應用.mp4
014first-react-app.zip
014useEffectHooks的應用.mp4

03-使用React.js和Node.js編寫ChatGPT
001最終實作-ReactCloneChatGPT-項目簡介.mp4
002react-clone-chatgpt.zip
002最終實作-ReactCloneChatGPT-移植HTML&CSS.mp4
003react-clone-chatgpt.zip
003最終實作-ReactCloneChatGPT-修復嚴重漏洞.mp4
004react-clone-chatgpt.zip
004最終實作-ReactCloneChatGPT-伺服器端連結API數據.mp4
005react-clone-chatgpt.zip
005最終實作-ReactCloneChatGPT-前端網頁獲取伺服器API數據.mp4
006react-clone-chatgpt.zip
006最終實作-ReactCloneChatGPT-前端直接與API對話.mp4
007react-clone-chatgpt.zip
007最終實作-ReactCloneChatGPT-如何保存雙方通話紀錄.mp4
008最終實作-ReactCloneChatGPT-添加按鈕清空功能.mp4
009chatgpt.jpeg
009me.jpg
009react-clone-chatgpt.zip
009最終實作-ReactCloneChatGPT-歸類同一主題的紀錄.mp4
010react-clone-chatgpt.zip
010最終實作-ReactCloneChatGPT-滾動條CSS設定.mp4
011react-clone-chatgpt.zip
011最終實作-ReactCloneChatGPT-側邊欄紀錄標題顯示.mp4
01280-最終實作-ReactCloneChatGPT-隱藏APIKey.mp4
012react-clone-chatgpt.zip


相關商品:Udemy線上課程建網進階篇-製作您自己的WordPress主題使用HTML,CSS,php,mySQL,Bootstrap(含教材)講師:KenCen影音教學中文發音繁體中文版(DVD版)Udemy線上課程沈浸式蘋果AppleVisionPro程式開發講師:KenCen影音教學中文發音繁體中文版(DVD版)Udemy線上課程SWIFT3入門篇-蘋果手機開發語言SWIFT3課程-中文課程講師:KenCen影音教學中文發音繁體中文版(DVD版)Udemy線上課程(KenCen出品)從零開始學MachineLearning第三部-Clustering篇講師:KenCen影音教學中文發音繁體中文版(DVD版)Udemy線上課程(KenCen出品)從零開始學MachineLearning第一部-線型回歸，分類與聚類講師:KenCen影音教學中文發音繁體中文版(DVD版)