< h2 > 面向全栈进阶的开发路径

这门课主要解决前端工程师在突破技术天花板时，缺乏完整工程化视野的问题。它不适合零基础的初学者，而是专为拥有至少一年实战经验、渴望从单纯页面开发向全栈或全端方向转型的开发者设计。课程的核心价值在于打通了从需求分析到最终部署运维的全流程，不再局限于前端代码的编写，而是将视野扩展至服务端交互、构建工具链优化以及多端适配逻辑。通过同一个真实企业业务场景贯穿始终，避免了碎片化学习带来的认知断层，帮助你在理解“为什么这样写”的同时，掌握“如何在企业级项目中落地”。

< h2 > 内容结构与学习重点

建议学习者首先关注项目中涉及的 PC 端、小程序、WebApp 以及移动 APP 之间的业务逻辑异同。这部分内容能帮你建立跨端思维，理解数据在不同终端流转时的状态管理差异。随后重点研读关于构建、发布与部署的章节，这是许多前端工程师容易忽视但直接影响项目上线效率的关键环节。课程特意强调了全流程视角，因此不要只盯着 UI 实现，而要深入理解服务端接口设计如何影响前端性能，以及运维阶段如何监控前端资源加载。资料包中的视频内容配合代码实战，建议你边看边敲，特别注意那些在真实企业环境中常见的边界情况处理，比如网络波动下的状态同步、多端权限校验等，这些是独立应对生产环境复杂问题的关键。

< h2 > 学完后的独立能力

完成学习后，你应当具备独立主导中小型全栈项目的能力。不再需要依赖后端同事解释接口逻辑，你可以清晰定义前后端数据契约，并自主完成从数据库模型设计到前端页面渲染的全链路开发。在多端场景下，你能快速根据业务需求选择合适的小程序或 H5 方案，并优化其构建体积与加载速度。更重要的是，你掌握了从代码提交到服务器部署的完整闭环操作，能够独立排查线上故障，建立基本的数据监控意识。这套知识体系直接对应企业对复合型人才的需求，让你的技术栈从单一的页面执行者，转变为能理解业务全貌、具备工程化思维的技术骨干，从而在职业晋升或转型全栈工程师时拥有更扎实的依据。

课程目录

├── 1阶段一：解锁“大前端思维”/ │ ├── 1认识大前端，全栈开发初体验/ │ │ ├── 0附件/ │ │ ├── 1第1章课程介绍/ │ │ ├── 2第2章前端成长困境如何破局/ │ │ ├── 3第3章项目需求分析/ │ │ ├── 4第4章职场实用技能【加餐】/ │ │ ├── 6第6章全栈开发—koa框架/ │ │ └── 7第7章全栈开发初体验—登录模块/ │ ├── 2企业标准的开发环境搭建/ │ │ ├── 0附件/ │ │ ├── 1第1章开发环境搭建（简易版，适合有基础学习）/ │ │ ├── 2第2章【难点】开发环境搭建（详细版，适合没有基础学习）/ │ │ ├── 3第3章编辑器WebstormvsVSCode/ │ │ └── 4第4章开发准备–接口测试/ │ ├── 3NoSQL数据库的设计与集成/ │ │ ├── 0附件/ │ │ ├── 1第1章NoSQL数据库MongoDB认知与设计/ │ │ ├── 2第2章MongoDB应用与实战/ │ │ ├── 3第3章Redis认知与必备CLI命令/ │ │ └── 4第4章Redis和Nodejs集成与实践/ │ └── 4JWT登录鉴权—通用登录模块后端开发/ │ ├── 0附件/ │ ├── 1第1章鉴权方式及相关概念/ │ ├── 2第2章客户端开发-前端接口开发&amp;数据校验/ │ ├── 3第3章服务端开发-jwt鉴权集成/ │ ├── 4第4章vue自定义组件/ │ └── 5第5章前后端联调–注册接口及接口联调/ ├── 2阶段二：项目全流程DevOps/ │ ├── 1团队协作-文档管理与缺陷控制/ │ │ ├── 0附件/ │ │ ├── 1第1章项目开发团队协作——文档管理/ │ │ ├── 2第2章缺陷控制（项目进度质量管理）/ │ │ └── 3第3章缺陷控制之质量管理工具/ │ ├── 2团队协作-版本管理/ │ │ ├── 0附件/ │ │ └── 1第1章项目开发团队协作——版本管理/ │ └── 3团队协作-自动化流程/ │ ├── 0附件/ │ ├── 1第1章深入浅出前端自动化/ │ ├── 2第2章CircleCITravisCI自动化工具合集/ │ ├── 3第3章Jenkins—CI&amp;CD工具鼻祖/ │ ├── 4第4章自动化实战/ │ └── 5第5章GithubActions/ ├── 3阶段三：PC端进阶前后端开发/ │ ├── 1全栈开发—首页模块/ │ │ ├── 0附件/ │ │ ├── 1第1章首页：需求分析/ │ │ ├── 2第2章首页：数据库设计/ │ │ ├── 3第3章首页：接口定义&amp;组件拆分/ │ │ ├── 4第4章首页样式开发/ │ │ ├── 5第5章首页筛选交互及接口开发/ │ │ ├── 6第6章首页长列表内容配合Mock数据开发/ │ │ ├── 7第7章首页后端开发/ │ │ └── 8第8章周总结/ │ ├── 2全栈开发—用户中心/ │ │ ├── 1第1章个人中心页面与交互开发/ │ │ ├── 2第2章前后端分离后安全机制与缓存机制/ │ │ ├── 3第3章用户积分体系之签到模块开发/ │ │ └── 4第4章修改基本信息页面开发/ │ ├── 3全栈开发—发贴回帖模块/ │ │ ├── 1第1章发贴功能之自定义编辑器开发/ │ │ ├── 2第2章帖子详情页面开发–需求、样式与自定义组件/ │ │ ├── 3第3章帖子详情页面开发–评论点赞、回复/ │ │ ├── 4第4章帖子详情页面开发–发贴编辑、收藏/ │ │ └── 5第5章个人中心之发帖、收藏、获取信息与联调/ │ └── 4消息中间件开发（WebSocket通信）/ │ ├── 0附件/ │ ├── 1第1章WebSocket简介/ │ ├── 2第2章多人聊天室应用/ │ ├── 3第3章WebSocket消息应用进阶/ │ └── 4第4章个人中心–我的消息（实时、历史消息）开发/ ├── 4阶段四：CMS后台管理系统开发/ │ ├── 1组件化思想进阶：iview上手文章管理/ │ │ ├── 0附件/ │ │ ├── 1第1章导读/ │ │ ├── 2第2章中后台UI进阶（升级iview-admin基础组件库）/ │ │ └── 3第3章后台文章管理页面开发/ │ ├── 2中后台权限系统：前端权限设计方案/ │ │ ├── 1第1章导读/ │ │ ├── 2第2章前端权限方案（路由级、组件级、按钮级实现）/ │ │ ├── 3第3章用户管理（自定义动态搜索组件、批量设置）/ │ │ └── 4第4章权限设计/ │ ├── 3中后台权限系统：基于角色&amp;菜单权限设计/ │ │ ├── 1第1章菜单管理基础样式（响应式、自定义表单）/ │ │ ├── 2第2章菜单管理多级树形控件/ │ │ ├── 3第3章菜单管理之资源管理/ │ │ ├── 4第4章菜单管理接口开发/ │ │ ├── 5第5章角色权限页面开发/ │ │ └── 6第6章用户权限管理&amp;接口权限(数据权限)开发/ │ └── 4首页可视化图表与日志服务/ │ ├── 1第1章首页可视化&amp;Echart导学/ │ ├── 2第2章首页统计/ │ ├── 3第3章监控日志服务/ │ └── 4第4章前后台联调&amp;持续集成任务配置/ ├── 5阶段五：WebApp开发与Vue3项目重构/ │ ├── 1WebApp页面设计与开发/ │ │ ├── 1第1章导读/ │ │ ├── 2第2章基础组件开发/ │ │ ├── 3第3章常见问题解决方案(适配、上下拉加载)/ │ │ ├── 4第4章详情页面交互/ │ │ ├── 5第5章移动端适配解决方案/ │ │ ├── 6第6章业务组件样式开发/ │ │ └── 7第7章WebApp前后端对接/ │ ├── 2Vue3全家桶+Vite开发工具/ │ │ ├── 0附件/ │ │ ├── 1第1章TypeScript核心知识讲解/ │ │ ├── 2第2章Vue2vsVue3/ │ │ ├── 3第3章CompositionAPI/ │ │ ├── 4第4章vue生态有哪些变化/ │ │ ├── 5第5章todolist案例/ │ │ ├── 6第6章新一代的状态管理方案Pinia/ │ │ └── 7第7章Vite前端开发与构建工具介绍/ │ ├── 3前后端项目Vue3重构/ │ │ ├── 0附件/ │ │ ├── 1第1章PC端项目升级策略/ │ │ ├── 2第2章登录&amp;注册功能重构/ │ │ ├── 3第3章首页重构/ │ │ ├── 4第4章改造第三方UI库升级Vue3.0/ │ │ └── 5第5章前端项目优化/ │ └── 4性能优化（服务端渲染）/ │ ├── 0附件/ │ ├── 1第1章导读/ │ ├── 2第2章Vue服务端渲染方案一vue-server-rendere/ │ ├── 3第3章Vue服务端渲染方案二：Nuxt.js/ │ └── 4第4章服务端渲染实战-改造PC端首页与登录鉴权/ ├── 6阶段六：小程序开发与支付专题/ │ ├── 1uniapp开发(首页菜单定制搜索)/ │ │ ├── 1第1章小程序开发环境与核心知识/ │ │ ├── 2第2章uniapp跨端开发框架/ │ │ ├── 3第3章uniapp开发环境配置/ │ │ ├── 4第4章小程序演示&amp;集成uViewUI框架/ │ │ ├── 5第5章首页搭建与样式/ │ │ ├── 6第6章APIPromise化&amp;请求封装/ │ │ └── 7第7章首页&amp;搜索接口对接/ │ ├── 2uniapp开发(登录、详情、个人中心)/ │ │ ├── 1第1章优化API接口项目/ │ │ ├── 2第2章小程序登录&amp;微信鉴权/ │ │ ├── 3第3章短信登录功能/ │ │ ├── 4第4章热门&amp;个人中心&amp;RefreshToken机制/ │ │ └── 5第5章文章详情与自定义代码高亮组件/ │ ├── 3uniapp内容安全、订阅消息/ │ │ ├── 1第1章HTTPS加持-SSL证书申请&amp;配置Nginx/ │ │ ├── 2第2章小程序订阅消息/ │ │ ├── 3第3章内容安全（文本、图片）/ │ │ └── 4第4章uniapp小程序打包与发布/ │ └── 4小程序支付专题/ │ ├── 1第1章导学/ │ ├── 2第2章企业注册流程和税务相关问题/ │ └── 3第3章小程序支付完整流程开发/ ├── 7阶段七：跨端开发（移动端跨平台&amp;桌面端）/ │ ├── 1跨平台框架Flutter2与状态管理方案/ │ │ ├── 1第1章导读/ │ │ ├── 2第2章Flutter环境搭建&amp;学习资源推荐/ │ │ ├── 3第3章Dart开发调试&amp;Flutter升级技巧/ │ │ ├── 4第4章Flutter组件化思维/ │ │ ├── 5第5章Flutter状态管理方案-Redux/ │ │ ├── 6第6章Flutter状态管理方案-ScopedModel/ │ │ ├── 7第7章Flutter状态管理方案-Bloc（必会）/ │ │ └── 8第8章状态管理小结/ │ ├── 2封装请求&amp;数据持久化方案&amp;路由/ │ │ ├── 1第1章Flutter导学/ │ │ ├── 2第2章自定义能用业务组件-验证码记数器/ │ │ ├── 3第3章请求封装/ │ │ ├── 4第4章数据持久化方案/ │ │ └── 5第5章路由方案/ │ ├── 3Flutter后台消息&amp;打包上线/ │ │ ├── 1第1章章导学/ │ │ ├── 2第2章Webscoket集成/ │ │ ├── 3第3章消息通知/ │ │ ├── 4第4章首页导航与列表/ │ │ ├── 5第5章打包前准备(图标、启动图、错误收集)/ │ │ └── 6第6章Android&amp;iOS打包与测试/ │ ├── 4Electron桌面端与主流的框架/ │ │ ├── 1第1章Electron导学/ │ │ ├── 2第2章Electron开发环境准备&amp;开发小技巧/ │ │ ├── 3第3章Electron核心概念/ │ │ ├── 4第4章Electron与主流前端库Vue&amp;React集成/ │ │ └── 5第5章社区项目整合/ │ └── 5Electron桌面端-社区业务集成/ │ ├── 1第1章Electron进阶导学/ │ ├── 2第2章第三方登录集成（扫码登录）/ │ ├── 3第3章桌面应用原生通知/ │ ├── 4第4章Electron应用打包/ │ └── 5第5章Electron应用CICD自动化与自动更新/ ├── 8阶段八：React17框架与源码解析（拔高）/ │ ├── 1React17新特性/ │ │ ├── 1第1章章导学/ │ │ ├── 2第2章react设计思想与核心概念/ │ │ ├── 3第3章react的全新架构Fiber及其工作原理/ │ │ ├── 4第4章企业级应用框架和常见技术集成方案/ │ │ └── 5第5章react-routerv6实战/ │ ├── 2React-Hooks&amp;状态管理方案/ │ │ ├── 1第1章ReactHooks及状态管理方案章导学/ │ │ ├── 2第2章HooksAPI及hooks原理解析/ │ │ └── 3第3章react中常见的状态管理方案/ │ ├── 3React组件库设计&amp;工程化/ │ │ ├── 1第1章周导学/ │ │ ├── 2第2章组件库整体需求分析与工程化模板/ │ │ ├── 3第3章按钮组件/ … 其余 8 项略，目录共 208 项