課程簡介
核心高級 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 應用的軟件工程師。
- 尋求架構、測試和優化最佳實踐的開發者。
客戶評論 (4)
課程非常互動,練習很實用
Heino - NWK Limited
課程 - Laravel and Vue.js
機器翻譯
The trainer seemed very knowledgable about Vue. I appreciated seeing his development style and learning some new concepts to try.
Adrian Borrmann - CBC/Radio-Canada
課程 - Advanced Vue.js
I really like Shawn's live coding style in teaching the course. He demonstrated his practical knowledge and experience on the subject.
Nhan Nguyen - Navy Information Warfare Center - Pacific
課程 - Vuetify.js
Completing the labs to add new functionality (calculator & trading labs)