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

課程簡介

核心進階 Vue.js 概念

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

使用 Pinia 實現可擴展的狀態管理

  • 採用 Pinia 構建可擴展架構
  • 進階組建與 Store 模組化
  • 管理全域與本地資料的最佳實務

API 整合與資料層設計

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

現代 Vue 開發工作流

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

框架專精:Quasar 框架

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

Vue.js 中的 TypeScript

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

測試與程式碼可靠性

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

效能與最佳化

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

教材與支援

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

總結與下一步

最低要求

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

受眾對象

  • 擁有 Vue.js 前經歷的前端開發人員
  • 正在構建大型 Vue 應用程式的軟體工程師
  • 尋求在架構、測試與最佳化方面最佳實務的開發人員

客戶評論 (3)

即將到來的課程

課程分類