使用 Google Gemini 建立 AI 驅動的 JavaScript、Vue 和 React 應用

使用 Google Gemini 的 JavaScript SDK 建立 AI 聊天機器人並將 Gen AI 功能整合到您的 Web 應用程式中

從這 5.5 小時的課程,你會學到

  • 將生成式 AI 整合到 Web 應用中:學習如何使用 Google AI JavaScript SDK 為您的應用程式新增 AI 功能
  • 建立 AI 驅動的 Web 專案:開發三個實用專案,包括科學事實產生器、聊天機器人助理和文件/影像處理應用
  • 使用 JSON 自訂 AI 回應:掌握 JSON 模式,以控制和最佳化 AI 產生的輸出,從而實現結構化且有意義的使用者互動
  • 確保 Web 應用中 AI 整合的安全:了解處理 API 金鑰的安全最佳實踐,並將 AI 模型安全地整合到您的前端和應用中
  • 利用 AI 提升使用者體驗:使用 AI 進行內容生成、聊天自動化、文件摘要和推薦引擎,從而創建引人入勝的 Web 應用

要求

  • HTML 和 CSS – 掌握基本的 Web 開發技能,用於建立和設計應用程式的樣式。
  • JavaScript – 了解變數、函數和非同步操作的基本概念。
  • React 或 Vue(可選)– 如果您想學習 React/Vue 範例,熟悉元件和狀態管理的基本知識會有所幫助。
  • 無需任何人工智慧或機器學習經驗!本課程重點介紹如何使用現成的 AI SDK 來增強 Web 應用程序,而無需深厚的 AI 專業知識。

課程說明

JavaScript、Vue 和 React 應用程式中的生成式 AI:包含 4 個專案的完整指南

想像一下,利用生成式 AI 技術的強大功能,為您的 Web 應用帶來創新。

在本課程中,您將學習如何將 Google Gemini JavaScript SDK 直接整合到您的 Web 應用中,將其轉化為智慧的互動體驗。

您將構建什麼?

在本課程中,您將建立 4 個實作專案,展示 AI 的實際應用,從簡單的 HTML 和 CSS 專案到 React 和 Firebase 環境。每個專案都旨在幫助您培養實用技能,使您在眾多開發者中脫穎而出。以下是您將要學習的一些專案範例:

  • 內容產生 – 根據使用者選擇的類別建立科學知識產生器。
  • 聊天機器人助理 – 依照業務指南和資訊,設定一個能夠回答問題、提供指導或進行友好聊天的對話式聊天機器人。
  • 文件處理 – 分析影像和 PDF 文檔,對其進行總結,並回答使用者提出的任何問題。
  • 測驗產生器 – 根據使用者輸入的任何主題建立互動式測驗。

這些專案將幫助您建立既實用又引人入勝的 AI 功能,從而打造出能夠充分展現您在應用 AI 領域專業技能的作品集。

使用 JSON Schema 自訂 AI 回應

本課程最強大的功能之一是學習如何使用 JSON Schema 自訂 AI 回應。您將能夠掌控 AI 生成內容的結構和格式,使其適應各種不同的應用程式場景。

透過 JSON Schema,一切皆有可能——無論您是建立教育工具、故事敘述應用還是任務助手,您都將擁有按照設想塑造 AI 輸出的技能。

使用 AI 執行雲函數

在本課程中,您還將學習如何執行雲端函數來擴展應用程式的功能,從而能夠根據使用者操作觸發 AI 任務並自動化後端工作流程。透過結合 Firebase 和 AI,您將能夠創建功能強大、數據驅動且具有即時洞察的應用程式。

雲函數範例專案

  • 個人化推薦引擎-利用人工智慧分析使用者行為並產生客製化推薦,進而提升用戶參與度。
  • 自動化內容分析-建立後端服務,評估使用者產生的內容,提供即時情感分析,並為使用者提供洞察分析。

這些範例展示了雲端函數的多功能性和強大功能,使您能夠創建既具有互動性又可擴展的 AI 增強型應用程式。

目標受眾

  • 對將 Gen AI 整合到專案中感興趣的 JavaScript 初學者
  • 希望為 Web 應用添加 AI 功能的前端開發者
  • 希望利用 AI API 和 SDK 的 React 和 Vue 開發者
  • 正在探索 AI 驅動的 Web 應用創意的技術專業人士
  • 希望輕鬆入門 Web 開發 AI 的技術學習者和學生

講師簡介

Ivan Lourenço Gomes 頂級程式設計講師

Ivan 是 Udemy 平台上的頂尖科技教育家。

他開設了 30 多門課程,擁有遍布全球的 50 多萬名學員,Ivan 將指導您掌握當今所需的科技和商業技能。

Ivan 在商業和科技領域擁有 18 年的豐富經驗,自 2016 年以來,他一直致力於將自己的專業知識轉化為易於全球學習的課程。

Ivan 以其充滿活力的教學風格而聞名,他將專案式學習與循序漸進的挑戰相結合。無論您是剛開始學習之旅,還是希望深化現有技能,他的課程都非常適合您。

他的課程涵蓋科技和商業溝通領域的基本知識和尖端趨勢:

• Web 開發基礎知識: 透過 HTML/CSS 和 Javascript 課程深入探索 Web 開發的世界,掌握創造引人入勝、反應迅速的網站的藝術。

• 高階前端框架: 使用 Vue JS、React JS 和 TypeScript 提升您的 Web 專案,專注於建立動態的、以使用者為中心的應用程式。

• 軟體最佳實踐: 熟練 Git 版本控制,確保您的專案以行業標準效率進行管理。

• 資料分析與視覺化: 掌握 Microsoft Excel 和 Python 的強大功能,從基礎到進階資料分析技術,釋放資料的力量。

• Web 效能: 掌握核心網站指標和網站表現最佳實踐,讓您的網站在業界脫穎而出。

• 專業溝通: 透過學習商務英語、電子郵件寫作和禮儀來提升您的職業生涯,這些都是現代職業人士必備的技能。

每門課程的設計宗旨不僅在於傳授知識,更在於激發學生的學習熱情、挑戰他們的思維並啟發他們的靈感。

與 Ivan 一起開啟學習之旅,加速您的職業發展。

字幕:英文

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

  • Udemy 永久擁有課程 ⏳ 優惠✨NT310 起(點擊連結看更多)
  • 年訂閱每月 NT350 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

由 WordPress.com 建置.

Up ↑

探索更多來自 Soft & Share 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading