ChatGPT_1520.png__PID:dd8316af-11a5-4c56-a080-2d6d437e765e

邊做邊學-製作ChatGPT網頁APP應用

 授課講師:Ken Cen
 課程時數: 11小時55分鐘
 上線日期:已全數上線

銷售達標進度
0%

優惠價

$1,790

原價

$1,790
ChatGPT_1080.png__PID:b7dd8316-af11-457c-9620-802d6d437e76Banner尺寸公版-06_0(1).png__PID:c7f56147-8a00-4e29-8caa-39411bbf66db

邊做邊學-製作ChatGPT網頁APP應用

 授課講師:Ken Cen
 課程時數: 11小時55分鐘
 上線日期:已全數上線

銷售達標進度
0%
0%

優惠價

$1,790

原價

$1,790

優惠倒數

優惠倒數

Apple Vision Pro混合實境程式開發
Apple Vision Pro混合實境程式開發
Apple Vision Pro混合實境程式開發
Apple Vision Pro混合實境程式開發

Apple Vision Pro混合實境程式開發

原價:$5,000

$1,490
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用

邊做邊學-製作ChatGPT網頁APP應用

原價:$5,000

$1,790

=

Apple Vision Pro混合實境 & ChatGPT網頁APP應用組合包
Apple Vision Pro混合實境 & ChatGPT網頁APP應用組合包
$3,280
$990

課程介紹

課程影片試看

課程大綱

老師介紹

課前問答

課程介紹

課程大綱

老師介紹

課前問答

課程介紹

歡迎參加製作ChatGPT網頁APP,您將學會如何使用JavaScript、React、Node.js 和 HTML、CSS 連結 OpenAI API,並製作一個功能強大的 ChatGPT 網頁應用。在本課程中,您將學習如何建立一個具有 AI 聊天功能的應用,讓使用者可以與 AI 進行自然對話並獲得豐富的回應。無論您是新手還是有經驗的開發者,這個課程都將帶領您進入新的技術領域,豐富您的程式設計經驗。

(1)實際專案:通過實際專案和練習,你將快速掌握關鍵技能,準備好為 VisionOS開發應用。
(2)互動學習:我們鼓勵學員互相分享經驗,與我們互動,並解決開發中的問題。

準備好開始了嗎?加入我們的課程,掌握 VisionOS,創建引人入勝的混合現實應用程式。無論您是專業開發者還是初學者,我們都將幫助您實現願望,成為混合現實世界的創作者。

適合對象

對人工智慧感興趣的學員

希望將人工智慧添加到網路

對 ChatGPT API 感興趣的學員

這門課程有什門檻嗎?

需要具備 HTML、CSS、JavaScript 基礎知識

將會學到的知識

1.png__PID:83531bb9-8b19-4228-8d10-e616f7a8d9dd

React 基礎知識

您需要對 React 進行基本了解,這是建立 ChatGPT 網頁應用的主要技術

2.png__PID:531bb98b-1962-484d-90e6-16f7a8d9dd4d

Node.js 和伺服器設置

我們將使用 Node.js 來建立伺服器,以便與 OpenAI API 進行通訊並處理請求

3.png__PID:1bb98b19-6228-4d10-a616-f7a8d9dd4db8

OpenAI API

您將學習如何在 OpenAI 平台上註冊並獲得 API 金鑰,這將允許您訪問 OpenAI 的 ChatGPT 模型

4.png__PID:b98b1962-284d-40e6-96f7-a8d9dd4db884

ChatGPT 功能

您將學習如何使用 OpenAI API 的 ChatGPT功能,使您的應用能夠產生智能回答,讓使用者體驗更豐富

課程特色

網頁圖邊做邊學 - 製作ChatGPT網頁APP (1).png__PID:9381e58c-3bde-4973-910a-8fb8020114eb
網頁圖邊做邊學 - 製作ChatGPT網頁APP new2.png__PID:f77ce802-ebc5-400b-ad20-71cb8d92c433網頁圖邊做邊學 - 製作ChatGPT網頁2.png__PID:2dd91850-e8c8-4482-955e-60a54d8e70ad網頁圖邊做邊學 - 製作ChatGPT網頁APP3.png__PID:d91850e8-c8f4-4255-9e60-a54d8e70adf6網頁圖邊做邊學 - 製作ChatGPT網頁APP4.png__PID:c9372dd9-1850-48c8-b482-555e60a54d8e

課程影片試看

【課程介紹】

邊做邊學 - 製作ChatGPT網頁APP應用

【試看片段】

實作2 - WebScraper - 爬取紐約時報網信息

【試看片段】

最終實作 - React Clone ChatGPT- 滾動條 CSS 設定

課程大綱

第一章

用JS克隆ChatGPT網站

  1. 如何註冊 Qpen AI 帳號
  2. Ajax 如何連結 API
  3. 同步執行 Sync & 異步執行 Async
  4. JS 如何執行異步
  5. Promise 對象
  6. Async 與 Await
  7. HTTP Reuqest Method
  8. 如何授權訪問 API
  9. 實作 - 連結 OpenAI API
  10. 實作 - 使用 chatGPT 模型
  11. 實作 - chatGPT 左側邊欄製作
  12. 實作 - chatGPT 主欄框架佈局
  13. 實作 - chatGPT 主欄框輸入框 CSS 外觀
  14. 實作 - chatGPT 生成聊天記錄
  15. 實作 - chatGPT 聊天記錄 CSS 外觀
  16. 實作 - Chat Bubble 合併聊天記錄及 CSS 外觀
  17. 實作 - 再次連結 ChatGPT API 完善功能

第二章

React.js 與 Node.js

  1. 安裝與運行 NodeJS 代碼
  2. NPM 的使用
  3. 實作2 - WebScraper - NodeJS 連結本地伺服器
  4. 實作2 - WebScraper - 爬取紐約時報網信息
  5. 實作2 - WebScraper - 把爬取數據做成API
  6. 實作2 - WebScraper - 前端數據顯示
  7. 如何創建第一個 ReactApp
  8. 什么是 React Components
  9. 如何添加變數 & 如何添加 CSS Class
  10. React 中的判斷語句&如何添加圖片到 React 中
  11. React 如何顯示 Array 或者 List
  12. React 如何響應 Event 事件
  13. useState Hooks 的應用
  14. useEffect Hooks 的應用

第三章

使用 React.js 和 Node.js
編寫 ChatGPT

  1. 最終實作 - React Clone ChatGPT - 項目簡介
  2. 最終實作 - React Clone ChatGPT - 移植 HTML&CSS
  3. 最終實作 - React Clone ChatGPT - 修復嚴重漏洞
  4. 最終實作 - React Clone ChatGPT - 伺服器端連結 API 數據
  5. 最終實作 - React Clone ChatGPT - 前端網頁獲取伺服器 API 數據
  6. 最終實作 - React Clone ChatGPT - 前端直接與 API 對話
  7. 最終實作 - React Clone ChatGPT - 如何保存雙方通話紀錄
  8. 最終實作 - React Clone ChatGPT - 添加按鈕清空功能
  9. 最終實作 - React Clone ChatGPT - 歸類同一主題的紀錄
  10. 最終實作 - React Clone ChatGPT - 滾動條 CSS 設定
  11. 最終實作 - React Clone ChatGPT - 側邊欄紀錄標題顯示
  12. 最終實作 - React Clone ChatGPT - 隱藏 API Key

第四章

RPA的未來發展和進階學習

在這個單元中,會和各位學員分享實務上在公司進行 RPA 專案常會遇到的狀況和心法,並且結合常見的 RPA趨勢,包含數位轉型、AI 等,讓學員了解如何後續能自主學習 RPA 這個領域,成為職場中的佼佼者!

  1. RPA專案實務
  2. RPA重要趨勢-AI和數位轉型
  3. RPA學習之路-學習路徑與資源
  4. RPA讓你職場 A+

 教師介紹

unnamed.jpg__PID:a9093f87-a0a1-4812-9d2c-ddbeb5dfb12f

Ken Cen

大家好,我是 Ken Cen, 是一名手機程式工程師和網站工程師,我曾經在英資銀行(匯豐銀行) IT 部門工作 6 年,我希望建立一些課程可以幫助任何一個沒有程式開發經驗的朋友較輕鬆地學習 IT 相關的語言和工具。

我在全球擁有超過5萬名來自全球48個國家和地區的學生, 課程廣受好評,《建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站》是我連續24個月最暢銷的中文課程之一。

我希望製作一些較完整,具有多個實際操作例子的課程,幫助學員在短時間內全面地了解整個課題的知識,同時,能讓新學到的知識運用到實際的操作和工作中。

 課前問答

買課問答 (揪團來這)

購課問答/ 揪團來這

使用規則

1.找揪團、對於課程內容有疑問想詢問老師或提建議,歡迎留言。

2.內容不得涉及侮辱或具不雅文字,請勿張貼廣告,本平台保留直接刪除不適當留言之權利。

3.揪團者請自行創建並聯繫,本平台不介入干涉或負責。

4.如有看課、發票、退費申請等疑問,請參考官網【常見問題】,或連繫本平台客服信箱。

優惠倒數

邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用

邊做邊學-製作ChatGPT網頁APP應用

優惠倒數

$1,790

 猜您會喜歡

Apple Vision Pro混合實境程式開發
Apple Vision Pro混合實境程式開發
Apple Vision Pro混合實境程式開發
Apple Vision Pro混合實境程式開發

Apple Vision Pro混合實境程式開發

$1,490
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用
邊做邊學-製作ChatGPT網頁APP應用

邊做邊學-製作ChatGPT網頁APP應用

$1,790
建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站 - MasterTalks 內容電力公司
建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站 - MasterTalks 內容電力公司

建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站

$590
蘋果手機編程(V2.0) - 使用IOS12 & Swift4 - 編寫19個真實程式 - MasterTalks 內容電力公司
蘋果手機編程(V2.0) - 使用IOS12 & Swift4 - 編寫19個真實程式 - MasterTalks 內容電力公司

蘋果手機編程(V2.0) - 使用IOS12 & Swift4 - 編寫19個真實程式

$590