|
| 商品編號： | DUE4156 |
|
| 商品名稱： | Udemy線上課程 (Ken Cen 出品)Gen AI 第 39 部：用本地AI創建沉浸式翻譯Google chrome插件 上部 講師:瞭解更多 影音教學 中文發音 |
|
| 商品分類： | Udemy線上課程綜合教學 |
|
| 語系版本： | 中文發音 繁體中文版 | |
| 商品類型： | Ken Cen 出品 | |
| 運行平台： | 官方原版畫質MP4檔,沒有任何平台限制,終身使用 | |
| 更新日期： | 2026-08-20 |
|
| 光碟片數： | 1片DVD光碟 |
|
| 銷售價格： | $200元 |
|
| 熱門標籤： | Udemy線上課程
chrome插件
| |
|
|
Udemy線上課程 (Ken Cen 出品)Gen AI 第 39 部：用本地AI創建沉浸式翻譯Google chrome插件 上部 講師:瞭解更多 影音教學 中文發音 繁體中文版(DVD版)
這門課程將帶領你從零開始，動手打造一個像 「沉浸式翻譯」 這樣的高性能、AI 驅動的瀏覽器擴展。
這不僅僅是關於程式碼的撰寫，更是一場關於 「用戶體驗 (UX)」 與 「系統架構」 的深度實戰。
以下是學習這門課程的核心好處與技能獲得：
1. 掌握 Chrome 插件開發的核心生命週期
你能學到什麼：理解 manifest.json (V3 版本) 的配置與權限管理。
掌握內容腳本 (content_scripts)、背景腳本 (service_worker) 與網頁 DOM 之間的通訊機制。
學習好處：你將擁有開發任何瀏覽器工具的能力，不再侷限於翻譯功能，能將自己的想法實體化為產品。
2. 打通 AI 落地應用的「最後一公里」
你能學到什麼：學習使用 FastAPI (Python) 建立本地中轉伺服器。
掌握插件如何透過 fetch 與本地部署的 Ollama 模型進行異步數據交換。
學習好處：解決隱私與昂貴 API 費用的痛點。
你將學會如何在「隱私安全」且「完全免費」的情況下，讓 AI 在你的瀏覽器中跑起來。
3. 極致的 UI/UX 操作邏輯優化
你能學到什麼：實戰 「狀態過濾邏輯」：利用 preventClick 標記區分用戶的點擊與拖動意圖。
掌握座標捕捉（clientY）與動態 CSS 定位計算，解決 UI 組件幹擾網頁原生操作的難題。
學習好處：這能讓你寫出的工具顯得「專業」而非「業餘」。
學會處理複雜的用戶交互衝突，是高級前端開發者的必修課。
4. 解決 AI 效能瓶頸：預熱與調度技術
你能學到什麼：
預熱機制 (Preheat)：在用戶點擊前主動喚醒 AI 模型，解決本地模型「首發響應慢」的問題。
併發控制與任務隊列：利用 MAX_CONCURRENT (設定為 10) 確保 AI 不會因請求過多而崩潰。
學習好處：學會高性能系統設計。
你的工具將不再出現「30秒空等」的窘境，而是像德產跑車一樣即時響應。
5. 沉浸式翻譯的核心技術實踐
你能學到什麼：
智能網頁掃描 ：精準定位需要翻譯的文字單元，排除幹擾元素（如代碼塊、導航欄）。
流式響應 (Streaming)：實現翻譯結果像 ChatGPT 一樣「逐字顯示」的視覺效果，降低用戶等待的焦慮感。
自動懶加載 (Lazy Load)：結合 IntersectionObserver 實現滾動到哪裡、翻到哪裡，極大節省計算資源。
學習好處：你將直接掌握目前市面上主流翻譯工具（如 Immersive Translate）的核心邏輯，並能根據個人需求進行魔改。
01 - 介紹
001 創建沉浸式翻譯第一步 - 如何創建Google chrome插件.mp4
002 課程工具準備.mp4
003 如何使用uv 作為包管理器和項目管理工具.mp4
004 如何連接Google chrome插件和本地AI打通橋樑.mp4
005 如何讓網頁知道Mousedown不是點擊翻譯而是拖拽.mp4
006 如何減少本地AI啟動的時間.mp4
007 沉浸式翻譯的核心技術.mp4
008 如何實現優先翻譯用戶翻閱內容.mp4
|
|
專業知識教學