聯繫我們
 課程時長 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 框架

  • Quasar 元件的最佳化與客製化
  • 使用 Quasar 建構響應式且高效的 UI
  • 結合 Quasar 使用 TanStack、PWA 及 ServiceWorker

Vue.js 中的 TypeScript

  • 元件及儲存器的進階型別定義
  • 為 props、emits 及 slots 定義型別
  • 確保型別安全的可重用模式與最佳實踐

測試與程式碼可靠性

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

效能與最佳化

  • 即時載入、程式碼分割及資源最佳化
  • 識別並解決效能瓶頸
  • 剖析及微調 Vue.js 應用程式

教材與支援

  • 每個模組的綜合文件與範例
  • 存取錄製教材或線上資源
  • 問答及培訓後實施支援

總結與下一步

最低要求

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

受眾

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

客戶評論 (3)

課程分類