Vue 3 企业级项目实战课

课程详情

Vue 3 企业级项目实战课

进阶高手的 Vue 3+Node.js 全栈开发训练

面对新技术升级,你是否感到困惑,虽然能快速上手,却难以将其应用于实际项目?本课程旨在解决这一问题,通过实战项目,让你掌握大厂级的技术方案。

  • 前端性能监控:避免陷入前端性能就是浏览器问题的误区,学会监控 HTTP 加载资源或数据 API 导致的性能问题。
  • 微前端项目:掌握 JavaScript 全局变量和 CSS 样式的隔离实践经验,避免应用融合中的污染问题。
  • 前端组件库开发:学习全局的主题设计思路,确保组件的 CSS 样式可变更和扩展主题。

课程由前阿里前端 Leader、前腾讯 IMWeb 团队高级前端工程师杨文坚老师主讲,结合多年大厂项目经验和技术培训经验,带你从 0 到 1 完成企业级全栈项目。

课程设计

课程分为 4 个模块:

基础篇:换个视角,从“实用主义”重新入门 Vue 3,针对具体问题“对症下药”,让你的 Vue 3 基础更加实用。

进阶篇:沉淀方案,循序渐进地打造自己的技术知识储备,学习大厂里企业级项目常用的技术知识。

实战篇:因地制宜设计技术方案和实现技术功能,将企业级项目分解成简单易懂的技术知识点。

增强篇:打破边界,解锁前端以外的技能,深入 Node.js 服务端领域,掌握大厂程序员的技术“硬实力”和“软实力”。

课程目录

01 开篇词
  01 开篇词|为何掌握了技术API,依然在项目中处处掣肘.html
  01 开篇词|为何掌握了技术API,依然在项目中处处掣肘.mp3
02 基础篇
  01 01|编译和非编译模式:离开Vue工具,你还知道怎么用Vue 3吗.html
  01 01|编译和非编译模式:离开Vue工具,你还知道怎么用Vue 3吗.mp3
  02 02|Webpack编译搭建:如何用Webpack初构建Vue 3项目.html
  02 02|Webpack编译搭建:如何用Webpack初构建Vue 3项目.mp3
  03 03|从Rollup到Vite:如何用Vite构建你的Vue 3项目.html
  03 03|从Rollup到Vite:如何用Vite构建你的Vue 3项目.mp3
  04 04|模版语法和JSX语法:你知道Vue可以用JSX写吗.html
  04 04|模版语法和JSX语法:你知道Vue可以用JSX写吗.mp3
  05 05|响应式开发操作:如何理解和使用Vue 3的响应式数据.html
  05 05|响应式开发操作:如何理解和使用Vue 3的响应式数据.mp3
  06 06|跨组件数据通信:常见的组件间数据通信方式有哪些.html
  06 06|跨组件数据通信:常见的组件间数据通信方式有哪些.mp3
  07 07|项目代码规范:如何成为一名合格的团队协作工程师.html
  07 07|项目代码规范:如何成为一名合格的团队协作工程师.mp3
  08 加餐|基础篇思考题答疑.html
  08 加餐|基础篇思考题答疑.mp3
03 进阶篇
  01 08|如何从零搭建自研的Vue组件库.html
  01 08|如何从零搭建自研的Vue组件库.mp3
  02 09|主题方案和基础组件:如何设计组件库的主题方案.html
  02 09|主题方案和基础组件:如何设计组件库的主题方案.mp3
  03 10|动态渲染组件:如何实现Vue的动态渲染组件.html
  03 10|动态渲染组件:如何实现Vue的动态渲染组件.mp3
  04 11|布局组件:如何实现自研组件库的布局方案.html
  04 11|布局组件:如何实现自研组件库的布局方案.mp3
  05 12|受控表单组件:如何开发受控的表单组件.html
  05 12|受控表单组件:如何开发受控的表单组件.mp3
  06 13|动态表单组件:怎么优雅地动态渲染表单.html
  06 13|动态表单组件:怎么优雅地动态渲染表单.mp3
  07 14|代码单元测试:如何轻松地保证自己的代码质量.html
  07 14|代码单元测试:如何轻松地保证自己的代码质量.mp3
  08 加餐|进阶篇思考题答疑.html
  08 加餐|进阶篇思考题答疑.mp3
04 春节特别策划
  01 围炉夜话|学了新技术,在公司用不上怎么办.html
  01 围炉夜话|学了新技术,在公司用不上怎么办.mp3
  02 围炉夜话|Leader 眼里最有潜力的仔长什么样.html
  02 围炉夜话|Leader 眼里最有潜力的仔长什么样.mp3
  03 围炉夜话|你的职业起点和职业终点是什么.html
  03 围炉夜话|你的职业起点和职业终点是什么.mp3
05 实战篇
  01 15|定制运营拖拽组件:如何实现运营搭建页面的拖拽功能.html
  01 15|定制运营拖拽组件:如何实现运营搭建页面的拖拽功能.mp3
  02 16|单页面应用:如何理解和实现单页面应用开发.html
  02 16|单页面应用:如何理解和实现单页面应用开发.mp3
  03 17|Koa.js:如何结合Koa.js开发Node.js Web服务.html
  03 17|Koa.js:如何结合Koa.js开发Node.js Web服务.mp3
  04 18|Node.js服务端渲染页面:客户端渲染和服务端渲染有何区别.html
  04 18|Node.js服务端渲染页面:客户端渲染和服务端渲染有何区别.mp3
  05 19|全栈项目搭建:如何搭建Vue.js的前后台全栈项目.html
  05 19|全栈项目搭建:如何搭建Vue.js的前后台全栈项目.mp3
  06 20|数据库方案设计:如何设计运营搭建平台的数据库.html
  06 20|数据库方案设计:如何设计运营搭建平台的数据库.mp3
  07 21|用户注册和登录:如何结合Vue 3和Koa.js实现注册登录.html
  07 21|用户注册和登录:如何结合Vue 3和Koa.js实现注册登录.mp3
  08 22|物料组件的编译和管理:如何处理组件的多种模块格式.html
  08 22|物料组件的编译和管理:如何处理组件的多种模块格式.mp3
  09 23|运营物料的后台管理:如何全栈化实现列表分页的功能.html
  09 23|运营物料的后台管理:如何全栈化实现列表分页的功能.mp3
  10 加餐|实战篇思考题答疑(上).html
  10 加餐|实战篇思考题答疑(上).mp3
  11 24|后台搭建数据源:如何设计运营搭建页面的数据结构.html
  11 24|后台搭建数据源:如何设计运营搭建页面的数据结构.mp3
  12 25|后台搭建功能:如何设计和实现Vue.js运营后台的搭建功能.html
  12 25|后台搭建功能:如何设计和实现Vue.js运营后台的搭建功能.mp3
  13 26|页面编译和运行:如何设计Vue.js搭建页面的渲染策略.html
  13 26|页面编译和运行:如何设计Vue.js搭建页面的渲染策略.mp3
  14 27|后台发布流程:如何实现Vue.js搭建页面的发布流程.html
  14 27|后台发布流程:如何实现Vue.js搭建页面的发布流程.mp3
  15 28|前台页面版本化管理:如何实现搭建页面的迭代策略.html
  15 28|前台页面版本化管理:如何实现搭建页面的迭代策略.mp3
  16 29|前台页面的渲染方式:如何设计前台页面的渲染策略.html
  16 29|前台页面的渲染方式:如何设计前台页面的渲染策略.mp3
  17 30|前台页面的性能优化:如何实现前台页面的性能优化.html
  17 30|前台页面的性能优化:如何实现前台页面的性能优化.mp3
  18 31|前台页面的日志监控:如何进行页面实时监控与问题定位.html
  18 31|前台页面的日志监控:如何进行页面实时监控与问题定位.mp3
  19 加餐|实战篇思考题答疑(下).html
  19 加餐|实战篇思考题答疑(下).mp3
06 增强篇
  01 32|单元测试:如何打造Vue.js和Node.js全栈项目的单元测试.html
  01 32|单元测试:如何打造Vue.js和Node.js全栈项目的单元测试.mp3
  02 33|页面功能扩展:如何对Vue.js全栈项目做优雅扩展.html
  02 33|页面功能扩展:如何对Vue.js全栈项目做优雅扩展.mp3
  03 34|服务端功能扩展:如何对Vue.js全栈项目做服务端功能扩展.html
  03 34|服务端功能扩展:如何对Vue.js全栈项目做服务端功能扩展.mp3
  04 35|多进程部署:如何最大限度利用服务器资源运行Node.js服务.html
  04 35|多进程部署:如何最大限度利用服务器资源运行Node.js服务.mp3
  05 36|日志收集与问题排错:如何守护好Vue.js和Node.js的全栈项目.html
  05 36|日志收集与问题排错:如何守护好Vue.js和Node.js的全栈项目.mp3
  06 加餐|增强篇思考题答疑.html
  06 加餐|增强篇思考题答疑.mp3
07 结束语
  01 结束语|时刻做好“军备竞赛”,机会只留给有准备的人.html
  01 结束语|时刻做好“军备竞赛”,机会只留给有准备的人.mp3
  02 期末测试|来赴一场满分之约!.html