感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
核心高级 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)
课程互动性很强,练习也很有实用性
Heino - NWK Limited
课程 - Laravel and Vue.js
机器翻译
培训师对Vue非常了解。我欣赏他的开发风格,并学到了一些可以尝试的新概念。
Adrian Borrmann - CBC/Radio-Canada
课程 - Advanced Vue.js
机器翻译
我非常喜欢Shawn在教授课程时的实时编码风格。他展示了他在该主题上的实践知识和经验。
Nhan Nguyen - Navy Information Warfare Center - Pacific
课程 - Vuetify.js
机器翻译
完成实验以添加新功能(计算器和交易实验)
Darren White - DAS
课程 - Vue.js
机器翻译