Udemy線上課程 邊做邊學 - 製作ChatGPT網頁APP 講師:Ken Cen 影音教學 中文發音 繁體中文版(DVD版)
內容說明:
課程介紹：使用JavaScript、React、Node.js和HTML、CSS連結OpenAI API製作ChatGPT網頁應用
歡迎參加我們的課程，這是一個令人興奮的機會，讓您學習如何使用JavaScript、React、Node.js和HTML、CSS連結OpenAI API，並製作一個功能強大的ChatGPT網頁應用。
在本課程中，您將學習如何建立一個具有智能聊天功能的應用，讓用戶可以與AI進行自然對話並獲得豐富的回應。
在這個課程中，您將獲得以下學習：React基礎知識：您需要對React進行基本瞭解，這是建立ChatGPT網頁應用的主要技術。
Node.js和伺服器設置：我們將使用Node.js來建立伺服器，以便與OpenAI API進行通訊並處理請求。
OpenAI API：您將學習如何在OpenAI平台上註冊並獲得API金鑰，這將允許您訪問OpenAI的ChatGPT模型。
ChatGPT功能：您將學習如何使用OpenAI API的ChatGPT功能，使您的應用能夠產生智能回答，讓用戶體驗更豐富。
課程特點：適合程式設計初學者：我們將從基本的React知識開始，讓任何程度的學生都能輕鬆參加。
實踐導向：課程將以實際的編碼練習和實際應用為主，讓您能夠動手建立ChatGPT網頁應用。
專業指導：我們的專業教師將提供詳細的指導和支援，確保您在學習過程中取得成功。
獨立專案：在課程結束後，您將擁有一個完整的ChatGPT網頁應用，可以展示給朋友和家人。
這個課程將讓您在JavaScript、React、Node.js和HTML、CSS的世界中增加更多技能，同時讓您深入瞭解如何使用OpenAI API來建立智能聊天應用。
無論您是新手還是有經驗的開發者，這個課程都將帶領您進入新的技術領域，豐富您的程式設計經驗。
加入我們的課程，探索人工智慧的魅力，一起建立令人驚豔的ChatGPT網頁應用吧！
課程內容:
01 - Introduction
001 課程展示.mp4
002 如何註冊Open AI帳號.mp4
003 Ajax如何連結API.mp4
003 index.html
004 index.html
004 同步執行Sync & 異步執行Async.mp4
005 index.html
005 JS如何執行異步.mp4
006 index.html
006 Promise對象.mp4
007 Async 與 Await.mp4
007 index.html
008 HTTP Reuqest Method.mp4
009 如何授權訪問API.mp4
010 app.js
010 index.html
010 實作-連結OpenAI API.mp4
011 app.js
011 index.html
011 實作-使用chatGPT模型.mp4
012 app.js
012 index.html
012 styles.css
012 實作-chatGPT左側邊欄製作.mp4
013 index.html
013 styles.css
013 實作-chatGPT主欄框架佈局.mp4
014 index.html
014 styles.css
014 實作-chatGPT主欄框輸入框CSS外觀.mp4
015 app.js
015 實作-chatGPT生成聊天記錄.mp4
016 styles.css
016 實作-chatGPT聊天記錄CSS外觀.mp4
017 app.js
017 index.html
017 styles.css
017 實作-Chat Bubble合併聊天記錄及CSS外觀.mp4
018 app.js
018 index.html
018 styles.css
018 實作-再次連結ChatGPT API完善功能.mp4
02 - React.js與Node.js（項目需要用到的知識）
001 app.js
001 安裝與運行NodeJS代碼.mp4
002 NPM的使用.mp4
003 實作2-WebScraper-NodeJS連結本地伺服器.mp4
004 Web-scraper.zip
004 實作2-WebScraper-爬取紐約時報網信息.mp4
005 實作2-WebScraper-把爬取數據做成API.mp4
006 Web-scraper.zip
006 實作2-WebScraper-前端數據顯示.mp4
007 first-react-app.zip
007 如何建立第一個React App.mp4
008 33-React-Components.mp4
008 什麼是React Components.mp4
009 first-react-app.zip
009 如何添加變數&如何添加CSS Class.mp4
010 first-react-app.zip
010 guest.jpg
010 member.jpg
010 React中的判斷語句 & 如何添加圖片到React中.mp4
011 first-react-app.zip
011 React如何顯示Array或者List.mp4
012 first-react-app.zip
012 React如何響應Event事件.mp4
013 first-react-app.zip
013 useState Hooks的應用.mp4
014 first-react-app.zip
014 useEffect Hooks的應用.mp4
03 - 使用React.js和Node.js編寫ChatGPT
001 最終實作-React Clone ChatGPT-項目簡介.mp4
002 react-clone-chatgpt.zip
002 最終實作-React Clone ChatGPT-移植HTML&CSS.mp4
003 react-clone-chatgpt.zip
003 最終實作-React Clone ChatGPT-修復嚴重漏洞.mp4
004 react-clone-chatgpt.zip
004 最終實作-React Clone ChatGPT-伺服器端連結API數據.mp4
005 react-clone-chatgpt.zip
005 最終實作-React Clone ChatGPT-前端網頁獲取伺服器API數據.mp4
006 react-clone-chatgpt.zip
006 最終實作-React Clone ChatGPT-前端直接與API對話.mp4
007 react-clone-chatgpt.zip
007 最終實作-React Clone ChatGPT-如何保存雙方通話紀錄.mp4
008 最終實作-React Clone ChatGPT-添加按鈕清空功能.mp4
009 chatgpt.jpeg
009 me.jpg
009 react-clone-chatgpt.zip
009 最終實作-React Clone ChatGPT-歸類同一主題的紀錄.mp4
010 react-clone-chatgpt.zip
010 最終實作-React Clone ChatGPT-滾動條CSS設定.mp4
011 react-clone-chatgpt.zip
011 最終實作-React Clone ChatGPT-側邊欄紀錄標題顯示.mp4
012 80-最終實作-React Clone ChatGPT-隱藏API Key.mp4
012 react-clone-chatgpt.zip
相關商品:
Udemy線上課程 建網進階篇-製作您自己的WordPress主題使用HTML,CSS,php,mySQL,Bootstrap(含教材) 講師:Ken Cen 影音教學 中文發音 繁體中文版(DVD版)
Udemy線上課程 沈浸式蘋果Apple Vision Pro程式開發 講師:Ken Cen 影音教學 中文發音 繁體中文版(DVD版)
Udemy線上課程 SWIFT3入門篇-蘋果手機開發語言SWIFT3課程-中文課程 講師:Ken Cen 影音教學 中文發音 繁體中文版(DVD版)
Udemy線上課程 (Ken Cen出品)從零開始學Machine Learning第三部 - Clustering篇 講師:Ken Cen 影音教學 中文發音 繁體中文版(DVD版)
Udemy線上課程 (Ken Cen出品)從零開始學Machine Learning第一部 - 線型回歸，分類與聚類 講師:Ken Cen 影音教學 中文發音 繁體中文版(DVD版)
