聯繫我們

課程簡介

核心進階 Vue.js 概念

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

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

  • 以 Pinia 建構可擴展架構。
  • 進階組合與 Store 模組化。
  • 管理全域與區域資料的最佳實踐方法。

API 整合與數據層設計

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

現代 Vue 開發工作流程

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

框架專精:Quasar Framework

  • Quasar 元件的優化與客製化。
  • 使用 Quasar 構建響應式且高效能的 UI。
  • 搭配 TanStack、PWA 及 ServiceWorker 使用 Quasar。

TypeScript in Vue.js

  • 針對元件與 Store 的進階型別定義。
  • 為 props、emits 及 slots 定義型別。
  • 類型安全性的可重用模式與最佳實踐方法。

測試與程式碼可靠性

  • 針對元件與 Store 的單元與整合測試。
  • 推薦工具(Vue Test Utils、Vitest 等)。
  • 可維護性與測試自動化的最佳實踐方法。

效能與優化

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

教材與支援

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

總結與後續步驟

最低要求

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

適用對象

  • 具備 Vue.js 經驗的前端開發人員。
  • 構建大型 Vue 應用程式的軟體工程師。
  • 尋求架構、測試及優化最佳實踐方法的開發人員。
 35 小時

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類