聯繫我們

課程簡介

核心進階 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 應用的分析與微調

教材與支援

  • 每個模組的綜合文件與範例
  • 訪問錄製資料或線上資源
  • Q&A 及培訓後的實施支援

總結與後續步驟

最低要求

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

受眾

  • 具備 Vue.js 經驗的前端開發者
  • 構建大規模 Vue 應用的軟體工程師
  • 尋求架構、測試與最佳化最佳實踐的開發者
 35 小時

客戶評論 (3)

課程分類