課程簡介

核心高級 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 應用的軟件工程師。
  • 尋求架構、測試和優化最佳實踐的開發者。
 35 時間:

人數


每位參與者的報價

客戶評論 (4)

即將到來的課程

課程分類