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版)