聯繫我們
 課程時長 35 時間:

課程簡介

Vue.js 核心進階概念

  • 進階元件生命週期
  • 進階 props、emits 與自訂事件處理
  • 進階反應性(ref、computed、effect、watch 等)
  • 路由控制與導航守衛

使用 Pinia 進行可擴展狀態管理

  • 使用 Pinia 的可擴展架構
  • 進階組合與儲存庫模組化
  • 管理全域與本地資料的最佳實務

API 整合與資料層設計

  • 全域與自訂 Axios 設定
  • 進階攔截器使用與錯誤處理
  • 與 Pinia 和元件的整合
  • API、儲存庫與 UI 元件之間的資料流

現代 Vue 開發工作流程

  • Vue.js 專案的進階 Vite 設定
  • 外掛整合與建置最佳化
  • 開發/測試/生產環境的最佳實務
  • 生產環境變數(Vault)、CI/CD
  • 程式碼品質:ESLint、Prettier 與 SonarQube 設定與整合
  • 自動格式化與靜態分析最佳實務

框架專業化:Quasar Framework

  • Quasar 元件的最佳化與自訂
  • 使用 Quasar 建置響應式且高效的 UI
  • 將 Quasar 與 TanStack、PWA 和 ServiceWorker 搭配使用

Vue.js 中的 TypeScript

  • 元件與儲存庫的進階型別定義
  • 為 props、emits 和 slots 定義型別
  • 可重用模式與型別安全的最佳實務

測試與程式碼可靠性

  • 元件與儲存庫的單元與整合測試
  • 推薦工具(Vue Test Utils、Vitest 等)
  • 可維護性與測試自動化的最佳實務

效能與最佳化

  • 延遲載入、程式碼分割與資源最佳化
  • 識別與解決效能瓶頸
  • Vue.js 應用程式的剖析與微調

教材與支援

  • 每個模組的完整文件與範例
  • 存取錄製內容或線上資源
  • 問答與培訓後實作支援

總結與後續步驟

最低要求

  • 具備使用 Vue.js 開發應用程式的經驗
  • 熟悉 JavaScript、ES6+ 與 REST APIs
  • 基本了解前端建置工具與元件式架構

目標對象

  • 具備 Vue.js 經驗的前端開發人員
  • 建置大型 Vue 應用程式的軟體工程師
  • 尋求架構、測試與最佳化最佳實務的開發人員

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類