Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
(Ken Cen出品)邊做邊學 - 製作ChatGPT網頁APP
Highest Rated
Rating: 4.8 out of 5(61 ratings)
504 students

(Ken Cen出品)邊做邊學 - 製作ChatGPT網頁APP

使用JavaScript、React、Node.js和HTML、CSS連結OpenAI API製作ChatGPT網頁應用
Created byKen Cen
Last updated 11/2024
Chinese (Traditional)

What you'll learn

  • 課程將引領您深入探索當今AI領域的最新技術結合OpenAI API
  • 使用JavaScript,React,NodeJS和HTML,CSS等技術進行ChatGPT應用開發
  • 課程將著重於實戰編程,讓您透過動手實踐,快速掌握知識,並將所學應用到真實世界的應用場景中
  • 您將有專業教師提供詳盡的解說和支援,讓您在學習過程中獲得成功

Course content

3 sections44 lectures11h 57m total length
  • 課程展示1:55

    課程展示

  • 如何註冊Open AI帳號4:35

    如何註冊Open AI帳號

  • Ajax如何連結API37:40

    Ajax如何連結API

  • 同步執行Sync & 異步執行Async8:02

    同步執行Sync & 異步執行Async

  • JS如何執行異步10:15

    JS如何執行異步

  • Promise對象17:52

    Promise

  • Async 與 Await12:07

    Async 與 Await

  • HTTP Reuqest Method18:19

    HTTP Reuqest Method

  • 如何授權訪問API10:16

    如何授權訪問API

  • 實作-連結OpenAI API20:27

    實作-連結OpenAI API

  • 實作-使用chatGPT模型7:08

    實作-使用chatGPT模型

  • 實作-chatGPT左側邊欄製作25:49

    實作-chatGPT左側邊欄製作

  • 實作-chatGPT主欄框架佈局29:26

    實作-chatGPT主欄框架佈局

  • 實作-chatGPT主欄框輸入框CSS外觀7:05

    實作-chatGPT主欄框輸入框CSS外觀

  • 實作-chatGPT生成聊天記錄22:25

    實作-chatGPT生成聊天記錄

  • 實作-chatGPT聊天記錄CSS外觀7:42

    實作-chatGPT聊天記錄CSS外觀

  • 實作-Chat Bubble合併聊天記錄及CSS外觀29:06

    實作-Chat Bubble合併聊天記錄及CSS外觀

  • 實作-再次連結ChatGPT API完善功能21:16

    實作-再次連結ChatGPT API完善功能

Requirements

  • 一台電腦
  • HTML, CSS,JavaScript基礎知識

Description

課程介紹:使用JavaScript、React、Node.js和HTML、CSS連結OpenAI API製作ChatGPT網頁應用

歡迎參加我們的課程,這是一個令人興奮的機會,讓您學習如何使用JavaScript、React、Node.js和HTML、CSS連結OpenAI API,並製作一個功能強大的ChatGPT網頁應用。在本課程中,您將學習如何建立一個具有智能聊天功能的應用,讓用戶可以與AI進行自然對話並獲得豐富的回應。

在這個課程中,您將獲得以下學習:

  1. React基礎知識:您需要對React進行基本了解,這是建立ChatGPT網頁應用的主要技術。

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

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

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

課程特點:

  • 適合程式設計初學者:我們將從基本的React知識開始,讓任何程度的學生都能輕鬆參加。

  • 實踐導向:課程將以實際的編碼練習和實際應用為主,讓您能夠動手建立ChatGPT網頁應用。

  • 專業指導:我們的專業教師將提供詳細的指導和支援,確保您在學習過程中取得成功。

  • 獨立專案:在課程結束後,您將擁有一個完整的ChatGPT網頁應用,可以展示給朋友和家人。

這個課程將讓您在JavaScript、React、Node.js和HTML、CSS的世界中增加更多技能,同時讓您深入了解如何使用OpenAI API來創建智能聊天應用。無論您是新手還是有經驗的開發者,這個課程都將帶領您進入新的技術領域,豐富您的程式設計經驗。

加入我們的課程,探索人工智慧的魅力,一起創建令人驚豔的ChatGPT網頁應用吧!

Who this course is for:

  • 程式設計新手