大前端 升级Vue3.0正式版，高级前端工程师成长路径

一套真正的思维+技术能力提升课程
不做技术的简单堆砌，7个月实现能力跨越式进阶
录播+直播+社群+问答等慕课网精心设计8种方式，全方位助力学习

慕课精品成长课，培养更高思维+技术能力的综合性高端前端人才

对标阿里P6+，做老板信任、团队依赖、伙伴放心的项目骨干

能力提升看得见，每一步提升都来自扎实的实战

遵循大厂项目标准，1 套业务系统，打通多端应用场景

具备规范化+模块化+组件化+自动化的多端全栈项目，覆盖需求-设计-开发-测试-维护全流程

社区PC前端—全流程Vue.js高级进阶全栈项目

接口数据后端—告别Node.js“玩具”时代，多端统一API接口框架

6大阶段构建大前端图谱，从全局到细节，从思维到落地

课程设计高屋建瓴，技术版本及时更新，实现仅手写代码就50000+行的项目经验累积
带着大前端的全局思维，开始从项目需求分析到搭建环境；

课程目录

阶段一：开启大前端的大门

第1周 认识大前端，开启无限可能

万丈高楼平地起。开课第一周，我们将从实际工作中的开发痛点出发，以项目全生命周期为主线，对全栈有全局的认识，培养您的项目架构思维。介绍UI和JS框架对比与选型，Node进阶、RESTful接口等。

第1周+ 全栈开发初体验

是否还在为选择使用什么框架而苦恼？是否还在为学习哪个前端框架而纠结？本周将给您满意的答案，有UI和JS框架对比与选型，有Node.js进阶使用、Web框架如何开发RESTful接口等。

第2周 企业标准的开发环境搭建

工欲善其事，必先利其器。学习最火的Docker容器技术，快速搭建测试环境。深入讲解前端必会的Mock接口与工具，并专门设计了调试技巧&真机调试讲解，与实际工作开发完美契合。

第3周 必会的前端工程化工具

效率是检验工程师的重要指标之一，如何提高开发效率，从前端工程化工具着手。本周学习实际工作中两大利器Webpack与Gulp，并使用Yeoman搭建自己的脚手架工具，让自己和团队的开发效率翻倍。

第4周 NoSQL数据库的设计与集成

本周带您解开数据之谜，学习NoSQL数据库与数据库设计原则，让您带着设计思维去设计项目数据库。掌握Redis安装、常用CLI命令，搞定Redis服务搭建与Nodejs集成

第5周 JWT登录鉴权—通用登录模块后端开发

本周解读鉴权、加密/算法、HTTPS等核心概念，实践JWT方式进行登录鉴权接口设计。从前到后，涵盖输入校验、Axios请求封装、统一错误处理、jwt功能集成及数据安全性策略的分析等知识。

选修周 深入理解Vue2框架知识（选修）

跟上企业需求的步伐，本周从MVVM框架基础讲起，让您拥有组件化思想，掌握目前流行的Vue框架进阶应用。重点不仅在于应用，也在于原理，做到知其然，知其所以然。

阶段二：抓住团队协作的密码

第6周 团队协作-文档管理与缺陷控制

项目开发过程中，少不了团队协作，哪些可以提升效率？文档管理：介绍工作中必知必会的（项目+需求+接口）文档的管理办法，搭建团队的文档管理工具；介绍缺陷控制流程与工具的应用，ESLint配置深入讲解。

第7周 团队协作-版本管理

本周介绍版本控制工具，比较SVN与git的优缺点，深入Git的应用场景，结合场景学习Git命令，同时了解Git flow和devOps流程，协助同学们在自己的团队中部署Git平台，提升工作效率。

第8周 团队协作-自动化流程

本周学习团队协作最重要的部分：前端自动化流程，使用容器技术配置自动化/持续集成环境，部署Jenkins平台，结合gitlab完成完整的CI/CD落地实践，让开发者能更专注于业务，进一步提升团队效率。

阶段三：打通全栈开发技能

第9周 全栈开发—首页模块

从数据库、接口设计到组件拆分，再到首页核心功能实现，提高对前置流程理解与工具使用的熟练度。本周通过原型图到实现首页交互（复杂筛选）及接口，综合运用前置知识，学习项目开发的实战内容。

第10周 全栈开发—用户中心

开发个人中心核心业务，丰富的Vue-router、Vuex进阶应用和自定义组件，完成周榜、签到榜、热评榜的功能，实现签到积分系统，完善个人中心设置。

第11周 全栈开发—发贴/回帖模块

继续开发发帖/回帖核心业务之后，形成PC端社区业务闭环，配置自动化流程，完成PC端项目自动化部署。进一步巩固前置技能，综合应用效率平台与工具，完成开发与测试，培养技术栈综合应用能力。

第12周 消息中间件开发（WebSocket通信）

websocket是长连接的最优解决方案，升级全解析：ws分组消息、断线重连、心跳检测、离线消息缓存、历史消息，开发通用消息中间件。

第13周 性能优化--服务端渲染

性能是评判项目好坏标准之一，本周带着大家进入性能优化环节，学习配置服务器端渲染思想及Nuxt.js使用，并对前面项目进行改造，让项目的性能更优。

阶段四：前后端分离的后台管理系统

第14周 组件化思想进阶：iview上手文章管理

本周进入到后台管理系统开发，从项目整体架构去考虑中后台应用的开发路径。学习iview-admin 框架工作原理，自定义表格组件，完成文章管理开发。

第15周 中后台权限系统：前端权限设计方案

进入中后台系统开发中最重要环节：权限系统。介绍前端中（组件级、按钮级、路由级）三种权限控制解决方案，开发用户管理页面，定制动态搜索组件，深入学习iview基础组件：Table、Form、Modal等。

第16周 中后台权限系统：基于角色&菜单权限设计

本周将继续深入权限系统，开发包括菜单管理、角色管理以及后台权限管理API，开发nodejs中间件，实现基于角色的接口资源访问控制系统。加深前置知识的综合应用，从前到后，打通权限设计的全方位思维。

第17周 首页可视化图表与日志服务

本周将完成后端管理平台的首页管理，对首页统计功能进行定制开发，并增加日志服务，对后台接口的调用增加日志管理，系统功能完善与监管。以及前后端联调及细节优化，定制Jenkins任务及配置前后端自动化任务。

阶段五：流行的WebApp与小程序开发

第18周 WebApp页面设计与开发

随着终端设备的发展，在移动端浏览Web已成主流。本周进入WebApp项目开发，学习PC项目和WebAPP的差异，如何平移到移动端，从页面设计到登录、首页及个人中心开发。您也可以搞定移动项目开发。

第19周 WebApp前后端联调

WebApp页面开发只是第一步，如何和后端对接，掌握从后台管理到前端展现的整体解决方案，提升技能和解决实际问题的能力。

第20周 小程序基础与进阶

便捷的快应用时代已到，本周介绍小程序的开发适用场景，实操小程序的注册流程，掌握开发中的注意事项。学习小程序原生框架基本用法，及快应用开发框架的使用，并且能独立调试开发小程序。

第21周 小程序首页/菜单定制/登录开发

小程序开发实战第一部分，学习首页的列表开发，菜单定制的开发，微信接口及数据库的设计。

第22周 小程序详情面/个人中心开发

小程序开发实战第二部分，学习个人中心模块、详情页面、编辑发贴功能开发，与后台接口进行对接，完成页面的功能调试。

第23周 小程序编辑与发贴开发

小程序开发实战第三部分，学习编辑发贴功能开发，与后台接口进行对接，完成页面的整体功能调试。

第24周 项目部署、运维与展望

介绍云服务器、域名及HTTPS服务，项目运维及Linux相关自启脚本介绍。项目更新及日志处理，如何发送报警通知及应急策略的制定。混合与跨端应用框架；桌面应用Electron等，做好未来发展指引 。

阶段六：Vue3.0（正式版）+TypeScript重构项目

第25周 Vue3带来的新特性

本周重点介绍Vue3新的Composition API及生命周期的变化， Compiler的原理。从0到1改写常见的逻辑代码块，实现模块化功能代码，让同类型的逻辑进行复用，让代码的质量与可读性提升。

第26周 Vue3全家桶+Vite开发工具

Vue框架生态也伴随新版本到来了，有哪些变化？让我们实战ToDoList经典项目。Vite作为Vue3的快速开发工具，结合更友好的Tree-Shaking 支持，给Vue项目开发带来了质的飞跃。

第27周 PC端项目Vue3首页重构

本周开始进行项目实战，改造原PC端项目中不再推荐的mixin、filter等用法，并通过重构前端项目的首页内容，让大家真正上手Vue3，平滑的从vue2进行切换。

第28周 管理后台&WebApp代码重构

本周从基于iview-admin开发的管理后台项目出发，带领大家一起重构第三方UI框架开发的项目，了解这类项目如何与Vue3进行集成，进阶Composition API的使用。