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






