你会学到什么？
- 从 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工具，你还知道怎么用Vue3吗?
02Webpack编译搭建:如何用Webpack初构建你的Vue3项目
03从Rollup到Vite:如何用Rollup构建你的Vue3项目?
04模板语法和 JSX语法:你知道Vue可以用 JSX写吗?
05响应式开发操作:如何理解和使用Vue3的响应式数据?
06跨组件数据通信:常见的组件间数据通信方式有哪些?
07项目代码规范:如何成为一名合格的团队协作工程师?
进阶篇
08如何从零搭建自研的Vue组件库?
09主题方案和基础组件:如何设计组件库的主题方案?
10动态渲染组件:如何实现Vue的动态渲染组件?
11布局组件:如何实现自研组件库的布局方案?
12受控表单组件:如何开发受控的表单组件?
13动态表单组件:怎么优雅地动态渲染表单?
14代码单元测试:如何轻松地保证自己的代码质量?
实战篇
15定制运营拖拽组件:如何实现运营搭建页面的拖拽功能?
16单页面应用:如何理解和实现单页面应用开发?
17Koa.js:如何结合 Koa.js开发Node.js Web服务?
18Node.is服务端渲染页面:客户端渲染和服务端渲染有什么区别
全栈项目搭建:如何搭建Vue.is的前后台全栈项目?
20数据库方案设计:如何设计运营搭建平台的数据库?
21用户注册和登录:如何结合Vue3 和 Koa.js实现注册登录?
22物料组件的编译和管理:如何处理组件的多种模块格式?
23运营物料的后台管理:如何全栈化实现列表分页的功能?
24后台搭建数据源:如何设计运营搭建页面的数据结构?
25后台搭建功能:如何设计和实现Vue.js运营后台的搭建功能?
26前台页面渲染:如何设计Vue.is搭建页面的渲染策略?
27后台发布流程:如何实现Vue.js 搭建页面的发布流程?
28前台页面版本化管理:如何实现搭建页面的迭代策略?
29前台页面的渲染方式:如何设计前台页面的渲染策略?
30前台页面的性能优化:如何实现前台页面的性能优化?
31前台页面的日志监控:如何进行页面实时监控与问题定位?
增强篇
32如何打造 Vue.js 和 Node.js 全栈项目的单元测试?
33 页面功能扩展:如何对Vue.js 全栈项目做优雅的扩展?
34服务端功能扩展:如何对Vue.js全栈项目做服务端功能扩展?
多进程部署:如何最大限度利用服务器资源运行 Node.js服务
日志收集与问题排错:如何守护好Vue.js和Node.js的全栈项目
结束语时刻做好“军备竞赛”，机会只留给有准备的人
讲师介绍
杨文坚，前阿里前端 Leader、前腾讯 IMWeb 团队高级前端工程师。拥有 10 年前端研发经验，先后就职于腾讯和阿里等互联网大厂，对多端、微前端、Low-Code、企业级应用等都有着丰富的研究实践。
在腾讯工作期间，负责 IMWeb 团队前端工程，包括工程构建、自研类 Vue 框架、BadJs 错误监控等等；也曾负责直播业务前端，帮助业务从 0 做到 5000 万月营收。在阿里工作期间，负责 1688 中后台前端架构、中后台低代码平台、外包赋能等工程项目，并带领团队负责 1688 商家端、商品交易、销售 CRM、运营工作台等业务。
作为前端 Leader，杨文坚老师对前端程序员的成长进阶具有深入了解。在阿里的 5 年管理工作中，培养了 4 名 P7 工程师。教学经验丰富的他，也曾辅导过近 40 名学员进入 BAT、字节、拼多多、Shopee 等一线大厂。