聯繫我們

課程簡介

核心進階 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 和插槽定義類型
  • 確保類型安全性的可重用模式與最佳實踐

測試與代碼可靠性

  • 組件與商店的單元測試與集成測試
  • 推薦工具 (Vue Test Utils, Vitest 等)
  • 可維護性與測試自動化的最佳實踐

效能與最佳化

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

學習材料與支援

  • 每個模塊的綜合文檔與示例
  • 錄製材料或線上資源的訪問權限
  • Q&A 及培訓後的實施支援

總結與後續步驟

最低要求

  • 具有使用 Vue.js 開發應用的經驗
  • 熟悉 JavaScript、ES6+ 及 REST APIs
  • 了解前端建置工具和基於組件的架構基礎

適合對象

  • 具有 Vue.js 前經驗的前端開發者
  • 構建大型 Vue 應用的軟體工程師
  • 尋求在架構、測試和最佳化方面最佳實踐的開發者
 35 小時

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類