Vue 3 企业级项目实战课--极客时间课程推荐/优惠

你将获得：

• 从 0 到 1 实现一个运营搭建平台；
• 掌握 Webpack、Rollup、Vite 三大前端构建工具；
• 洞悉可视化搭建、全栈开发等最新前端技术应用；
• 贯穿前端、服务端和技术运维的全局视野。

每每遇到新技术，或者遇到技术的重大升级，你是不是也会苦恼，虽然自己都能基于官方文档，快速上手新技术，但就是不知道如何将它运用到实际项目中，也不清楚还有哪些用途。反观大厂的同学，似乎就要如鱼得水很多。

其实这无关个人能力，更多是因为你缺少大厂的项目机会和压力，导致面对具体项目时，很难快速发现问题，“对症下药”，更不知道如何设计合适的技术方案。比如：

• 在前端性能监控项目中，陷入前端性能就是浏览器问题的误区，不懂监控 HTTP 加载资源或者数据 API 导致的性能问题；

• 在微前端项目中，缺乏 JavaScript 全局变量和 CSS 样式的隔离实践经验，导致应用融合的 JavaScript 全局变量污染和 CSS 样式污染的问题；

• 在前端自研组件库开发过程中，缺乏全局的主题设计思路，导致所有组件的 CSS 样式无法变更主题和扩展主题等等。

为此，我们请来了前阿里前端 Leader，前腾讯 IMWeb 团队高级前端工程师杨文坚老师。他会结合自己多年的大厂项目经历和丰富的技术培训经验，以热门的 Vue 3 框架为基石，带你从 0 到 1 完成一个企业级的全栈项目。

在此期间，你会亲身实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景，沉浸式体验大厂开发项目的全过程，从中构建自己的前端技术体系。

课程设计

整个专栏分为 4 个模块。

基础篇：换个视角，从“实用主义”重新入门 Vue 3

列举大厂中常见的项目需求，比如如何在浏览器里动态组装 Vue 3 组件，如何用 Webpack、Rollup 构建你的 Vue 3项目等，针对具体问题“对症下药”，让你的 Vue 3 基础变得更加“实用”。

进阶篇：沉淀方案，循序渐进地打造自己的技术知识储备

学习大厂里企业级项目常用的技术知识，包括 Vue.js 的生态知识和前端领域的相关技术概念，并将技术概念转换成具体场景，告诉你如何从基础组件开始，到动态渲染组件、布局组件等，一步步地完成自研组件库的搭建。

实战篇：因地制宜设计技术方案和实现技术功能

化整为零，将一个企业级项目分解成一个个简单易懂的技术知识点，并选用合适的实现方式。同时，优雅地解决 Node.js 服务端渲染、全栈项目搭建、数据库方案设计、前台搭建等实际的项目问题。

增强篇：打破边界，解锁前端以外的技能

深入 Node.js 服务端领域，了解如何打造一个稳定的 Node.js 服务生态，贯穿理解前端开发、服务端开发和技术运维的内容，带你逐步掌握大厂程序员的技术“硬实力”和应对突发问题的“软实力”。

开篇词

• 开篇词｜为何掌握了技术API，依然在项目中处处掣肘？

基础篇

• 01｜编译和非编译模式：离开Vue工具，你还知道怎么用Vue 3吗？
• 02｜Webpack编译搭建：如何用Webpack初构建Vue 3项目？
• 03｜从Rollup到Vite：如何用Vite构建你的Vue 3项目？
• 04｜模版语法和JSX语法：你知道Vue可以用JSX写吗？
• 05｜响应式开发操作：如何理解和使用Vue 3的响应式数据？
• 06｜跨组件数据通信：常见的组件间数据通信方式有哪些？
• 07｜项目代码规范：如何成为一名合格的团队协作工程师？
• 加餐｜基础篇思考题答疑

进阶篇

• 08｜如何从零搭建自研的Vue组件库？
• 09｜主题方案和基础组件：如何设计组件库的主题方案？
• 10｜动态渲染组件：如何实现Vue的动态渲染组件？
• 11｜布局组件：如何实现自研组件库的布局方案？
• 12｜受控表单组件：如何开发受控的表单组件？
• 13｜动态表单组件：怎么优雅地动态渲染表单？
• 14｜代码单元测试：如何轻松地保证自己的代码质量？
• 加餐｜进阶篇思考题答疑

实战篇

• 15｜定制运营拖拽组件：如何实现运营搭建页面的拖拽功能？
• 16｜单页面应用：如何理解和实现单页面应用开发？
• 17｜Koa.js：如何结合Koa.js开发Node.js Web服务？
• 18｜Node.js服务端渲染页面：客户端渲染和服务端渲染有何区别？
• 19｜全栈项目搭建：如何搭建Vue.js的前后台全栈项目？
• 20｜数据库方案设计：如何设计运营搭建平台的数据库？
• 21｜用户注册和登录：如何结合Vue 3和Koa.js实现注册登录？
• 22｜物料组件的编译和管理：如何处理组件的多种模块格式？
• 23｜运营物料的后台管理：如何全栈化实现列表分页的功能？
• 加餐｜实战篇思考题答疑（上）
• 24｜后台搭建数据源：如何设计运营搭建页面的数据结构？
• 25｜后台搭建功能：如何设计和实现Vue.js运营后台的搭建功能？
• 26｜页面编译和运行：如何设计Vue.js搭建页面的渲染策略？
• 27｜后台发布流程：如何实现Vue.js搭建页面的发布流程？
• 28｜前台页面版本化管理：如何实现搭建页面的迭代策略？
• 29｜前台页面的渲染方式：如何设计前台页面的渲染策略？
• 30｜前台页面的性能优化：如何实现前台页面的性能优化？
• 31｜前台页面的日志监控：如何进行页面实时监控与问题定位？
• 加餐｜实战篇思考题答疑（下）

增强篇

• 32｜单元测试：如何打造Vue.js和Node.js全栈项目的单元测试？
• 33｜页面功能扩展：如何对Vue.js全栈项目做优雅扩展？
• 34｜服务端功能扩展：如何对Vue.js全栈项目做服务端功能扩展？
• 35｜多进程部署：如何最大限度利用服务器资源运行Node.js服务？
• 36｜日志收集与问题排错：如何守护好Vue.js和Node.js的全栈项目？
• 加餐｜增强篇思考题答疑

结束语

• 结束语｜时刻做好“军备竞赛”，机会只留给有准备的人
• 期末测试｜来赴一场满分之约！

春节特别策划

• 围炉夜话｜学了新技术，在公司用不上怎么办？
• 围炉夜话｜Leader 眼里最有潜力的仔长什么样？
• 围炉夜话｜你的职业起点和职业终点是什么？