资源简介

这是一门专门培养前端架构师的高端课程，初级前端VS中高级前端VS前端架构师。

课程目标：

精通web前端技术体系
精通服务端开发技术体系
精通高扩展性、高复用性程序设计
能抽象出领域通用的架构
解决业务领域核心技术难题
挖掘业务痛点，优化项目
推动前端基础设施建设
带领团队高效完成项目研发
团队管理和建设

PS: 我看了一下2023版其实和2021版没有啥区别，这个课程两年都没有更新了，所以以前看过的小伙伴就不用看了。原来2021版的链接：传送门

简单目录

├──{1}--阶段一：课程设计及前端创建脚手架开发  
|   ├──{1}--需求分析和架构设计：做什么，如何做？  
|   ├──{2}--脚手架架构设计和框架搭建  
|   ├──{3}--脚手架核心流程开发  
|   ├──{4}--脚手架命令注册和执行过程开发  
|   ├──{5}--脚手架创建项目流程设计和开发  
|   └──{6}--脚手架项目和组件初始化开发  
├──{2}--阶段二：B端项目分析和设计，编辑器初步编码，业务组件库的搭建  
|   ├──{1}--B端项目需求分析和架构设计  
|   ├──{2}--前端基础技术回顾和巡礼  
|   ├──{3}--项目整体搭建  
|   ├──{4}--编辑器基本布局，及业务组件库初步开发  
|   ├──{5}--掌握测试基本工具，给组件库添加单元测试  
|   ├──{6}--通用上传组件开发以及使用  
|   └──{7}--业务组件库打包、发布，添加CICD  
├──{3}--阶段三：从0搭建编辑器服务端  
|   ├──{1}--后端技术选型以及基础知识巩固  
|   ├──{2}--用户系统设计与实现  
|   ├──{3}--文件上传（本地+OSS云服务）  
|   └──{4}--部署以及CICD  
├──{4}--阶段四：完善B端所有功能，前后端结合和性能优化  
|   ├──{1}--编辑器组件图层面板功能开发  
|   ├──{2}--让元素动起来-编辑器画布交互功能开发  
|   ├──{3}--前后端结合-编辑器整合后端接口  
|   ├──{4}--整合开发B端其他页面的各种功能  
|   └──{5}--大型项目的编译，部署以及性能优化  
├──{5}--阶段五：完善服务端，发布上线  
|   ├──{1}--脚手架功能升级-上手大厂开发模式  
|   ├──{2}--脚手架功能升级-代码复用能力开发  
|   ├──{3}--前端监控平台之JS库开发  
|   ├──{4}--前端监控平台之大数据开发  
|   └──{5}--前端监控平台之数据可视化开发  
├──{6}--阶段六：前端发布脚手架开发  
|   ├──{1}--脚手架发布模块架构设计和核心流程开发  
|   ├──{2}--脚手架发布模块git自动化流程开发  
|   ├──{3}--脚手架发布模块云构建系统开发  
|   ├──{4}--脚手架发布模块云发布功能开发  
|   ├──{5}--脚手架组件发布功能开发  
|   ├──{6}--组件平台开发  
|   └──{7}--项目单元测试用例设计和开发  
└──{7}--阶段七：架构师领导力培养  
|   └──第35周   大厂如何管理多人协作的研发项目  

详细目录

{1}--阶段一：课程设计及前端创建脚手架开发/
├──{1}--需求分析和架构设计：做什么，如何做？  
|   ├──第1章 课程简介  
|   ├──第2章 需求分析  
|   └──第3章 前端研发流程  
├──{2}--脚手架架构设计和框架搭建  
|   ├──{1}--第1章本周介绍  
|   ├──{2}--第2章脚手架开发入门  
|   ├──{3}--第3章脚手架框架搭建  
|   ├──{4}--第4章Lerna源码分析（加餐）  
|   └──{5}--第5章本周总结+作业  
├──{3}--脚手架核心流程开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章脚手架整体架构设计  
|   ├──{3}--第3章脚手架模块拆分策略和core模块技术方案  
|   ├──{4}--第4章脚手架执行准备过程实现  
|   ├──{5}--第5章脚手架命令注册实现（基于cnmander）  
|   ├──{6}--第6章Node项目如何支持ESModule【加餐】  
|   └──{7}--第7章本周总结+作业  
├──{4}--脚手架命令注册和执行过程开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章imooc-cli脚手架命令注册  
|   ├──{3}--第3章高性能脚手架架构设计和缓存结构设计  
|   ├──{4}--第4章通用npm模块类Package封装  
|   ├──{5}--第5章预备知识：Node多进程开发入门  
|   ├──{6}--第6章基于Node多进程构建高性能脚手架  
|   ├──{7}--第7章加餐：Node进阶：child_process源码分析  
|   └──{8}--第8章本周总结+作业  
├──{5}--脚手架创建项目流程设计和开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章脚手架项目创建功能架构设计  
|   ├──{3}--第3章项目基本信息获取功能开发（详解命令行交互）  
|   ├──{4}--第4章预备知识：egg.js+云mongodb快速入门  
|   ├──{5}--第5章项目模板开发+获取项目模板API开发  
|   ├──{6}--第6章脚手架项目模板下载功能开发  
|   ├──{7}--第7章本周加餐：inquirer源码解析：彻底搞懂命令行交互原理  
|   └──{8}--第8章本周总结+作业  
└──{6}--脚手架项目和组件初始化开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章脚手架安装模板功能架构设计  
|   ├──{3}--第3章脚手架模板安装核心实现：ejs库功能详解  
|   ├──{4}--第4章脚手架项目模板安装功能开发  
|   ├──{5}--第5章组件模板开发及脚手架组件初始化功能支持  
|   ├──{6}--第6章脚手架自定义初始化项目模板功能开发  
|   ├──{7}--第7章本周加餐：ejs库源码解析——彻底搞懂模板动态渲染原理  
|   ├──{8}--第8章加餐：require源码解析，彻底搞懂npm模块加载原理  
|   └──{9}--第9章本阶段总结+作业
{2}--阶段二：B端项目分析和设计，编辑器初步编码，业务组件库的搭建/
├──{1}--B端项目需求分析和架构设计  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章B端项目需求分析和架构设计  
|   ├──{3}--第3章难点解决方案和技术选型  
|   └──{4}--第4章本周总结  
├──{2}--前端基础技术回顾和巡礼  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章Typescript基础和进阶  
|   └──{3}--第3章Vue3新特性的巡礼  
├──{3}--项目整体搭建  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章前端脚手架简介  
|   ├──{3}--第3章准备工作  
|   ├──{4}--第4章全家桶之路由工具：vue-router  
|   ├──{5}--第5章全家桶之状态管理工具：vuex  
|   └──{6}--第6章本周总结  
├──{4}--编辑器基本布局，及业务组件库初步开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章创建业务组件和编辑器基本行为  
|   ├──{3}--第3章实现组件实时更新  
|   ├──{4}--第4章改进字体下拉菜单  
|   └──{5}--第5章本周总结  
├──{5}--掌握测试基本工具，给组件库添加单元测试  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章测试简介以及Jest的使用  
|   ├──{3}--第3章使用vue-test-utils测试组件  
|   ├──{4}--第4章测试高级技巧  
|   ├──{5}--第5章TDD开发方式  
|   └──{6}--第6章本周总结  
├──{6}--通用上传组件开发以及使用  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章需求和第一部分实现  
|   ├──{3}--第3章TDD开发更多特性  
|   ├──{4}--第4章上传组件，大功告成  
|   ├──{5}--第5章更多思考和扩展知识  
|   ├──{6}--第6章在编辑器中使用上传组件  
|   └──{7}--第7章本周小结  
└──{7}--业务组件库打包、发布，添加CICD  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章Javascript模块以及打包工具简介  
|   ├──{3}--第3章创建业务组件库代码  
|   ├──{4}--第4章添加Rollup配置并完成打包  
|   ├──{5}--第5章发布到NPM并使用travisCI完成CICD  
|   └──{6}--第6章周总结  
{3}--阶段三：从0搭建编辑器服务端/
├──{1}--后端技术选型以及基础知识巩固  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章接口分析以及后端框架选型  
|   ├──{3}--第3章egg.js基础知识  
|   ├──{4}--第4章egg.js基础知识-中间件，配置，扩展  
|   ├──{5}--第5章数据库选型以及mongoDB基本操作  
|   ├──{6}--第6章nodejsMongoDB操作  
|   ├──{7}--第7章MongoDB高级内容  
|   ├──{8}--第8章添加mongoose以及egg.js插件原理  
|   └──{9}--第9章周总结  
├──{2}--用户系统设计与实现  
|   ├──{1}--第1章导学  
|   ├──{2}--第2章用户数据模型，创建接口以及验证功能开发  
|   ├──{3}--第3章加密方式选型以及返回结果的特殊处理  
|   ├──{4}--第4章使用egg-session实现用户验证  
|   ├──{5}--第5章使用JWT完成用户验证  
|   ├──{6}--第6章使用手机号登录完成用户创建以及验证功能  
|   ├──{7}--第7章使用Oauth2协议完成用户创建以及验证功能  
|   ├──{8}--第8章编写作品相关代码以及学习装饰器的使用  
|   └──{9}--第9章总结  
├──{3}--文件上传（本地+OSS云服务）  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章文件上传基本原理实现以及使用Sharp完成图片处理  
|   ├──{3}--第3章学习并且使用Stream模式完成文件上传  
|   ├──{4}--第4章用OSS完成文件上传及使用Busboy完成多文件上传  
|   ├──{5}--第5章使用SSR的方式渲染H5页面  
|   ├──{6}--第6章使用Webpack处理静态文件以及模版  
|   ├──{7}--第7章RBAC的基本概念以及学习CASL的基础知识  
|   ├──{8}--第8章CASL结合装饰器完成角色权限管理  
|   └──{9}--第9章本周总结  
└──{4}--部署以及CICD  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章使用传统部署模式  
|   ├──{3}--第3章Docker基础知识学习  
|   ├──{4}--第4章使用Docker-cnpose管理多个服务  
|   ├──{5}--第5章学习GithubActions的基础知识  
|   ├──{6}--第6章GithubActions结合Docker自动部署  
|   └──{7}--第7章周总结  
{4}--阶段四：完善B端所有功能，前后端结合和性能优化/
├──{1}--编辑器组件图层面板功能开发  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章使用Cropper.js完成图像裁剪功能  
|   ├──{3}--第3章完成图层列表初步功能的开发  
|   ├──{4}--第4章图层拖动排序功能的开发  
|   ├──{5}--第5章EditGroup属性分组组件开发  
|   ├──{6}--第6章页面设置面板编码  
|   └──{7}--第7章周总结  
├──{2}--让元素动起来-编辑器画布交互功能开发  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章拖动移动元素的实现  
|   ├──{3}--第3章拖动改变元素大小的实现  
|   ├──{4}--第4章快捷键操作的实现  
|   ├──{5}--第5章撤销重做的实现  
|   ├──{6}--第6章右键菜单的实现  
|   └──{7}--第7章周总结  
├──{3}--前后端结合-编辑器整合后端接口  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章接口分析和简介  
|   ├──{3}--第3章MockServer的使用以及个性化  
|   ├──{4}--第4章登陆表单验证和登陆  
|   ├──{5}--第5章全局通用状态添加以及权限验证  
|   └──{6}--第6章编辑器数据获取以及保存作品  
├──{4}--整合开发B端其他页面的各种功能  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章使用HTML2Canvas完成编辑器画布截图  
|   ├──{3}--第3章发布作品的开发流程  
|   ├──{4}--第4章渠道的编辑以及二维码的操作  
|   ├──{5}--第5章Clipboard.js完成拷贝文本到剪贴板及其原理  
|   ├──{6}--第6章useLoadMore开发贯穿剩余页面的开发  
|   ├──{7}--第7章前端下载文件的原理  
|   └──{8}--第8章周总结  
└──{5}--大型项目的编译，部署以及性能优化  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章使用VueCli编译生产环境代码以及创建不同模式  
|   ├──{3}--第3章Webpack的基础回顾以及Loader和Plugin的原  
|   ├──{4}--第4章修改Vue.config.js配置完成打包分析和优化  
|   ├──{5}--第5章部署以及HTTP优化  
|   └──{6}--第6章周总结  
{5}--阶段五：完善服务端，发布上线/
├──{1}--脚手架功能升级-上手大厂开发模式  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章大厂代码复用最佳实践  
|   ├──{3}--第3章脚手架add命令+页面模板选择功能开发  
|   ├──{4}--第4章页面模板安装功能开发  
|   ├──{5}--第5章页面模板ejs渲染+依赖合并功能开发  
|   └──{6}--第6章本周总结+作业  
├──{2}--脚手架功能升级-代码复用能力开发  
|   ├──{1}--第1章周简介  
|   ├──{2}--第2章代码复用能力介绍和功能开发  
|   ├──{3}--第3章代码片段安装算法实现  
|   ├──{4}--第4章代码片段工程模板升级  
|   └──{5}--第5章代码复用能力增强  
├──{3}--前端监控平台之JS库开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章前端监控快速入门和架构设计  
|   ├──{3}--第3章前端JSSDK开发入门  
|   ├──{4}--第4章前端监控JSSDK功能开发  
|   ├──{5}--第5章前端监控曝光和点击日志上报功能开发  
|   └──{6}--第6章本周总结+作业  
├──{4}--前端监控平台之大数据开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章MaxCompute数据开发快速入门  
|   ├──{3}--第3章MaxCompute监控日志表创建和上报API开发  
|   └──{4}--第4章MaxCompute监控API开发  
└──{5}--前端监控平台之数据可视化开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章监控数据可视化架构设计和优化方案  
|   ├──{3}--第3章流量指标分析和计算公式  
|   ├──{4}--第4章前端监控SDK和数据仓库改造  
|   ├──{5}--第5章深入前端性能监控技术  
|   └──{6}--第6章指标运算和数据回流  
{6}--阶段六：前端发布脚手架开发/
├──{1}--脚手架发布模块架构设计和核心流程开发  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章项目发布流程架构设计  
|   ├──{3}--第3章imooc-cli脚手架gitflow自动化架构设计  
|   ├──{4}--第4章imooc-cli脚手架云构建+云发布架构设计  
|   ├──{5}--第5章imooc-cli脚手架publish模块开发  
|   ├──{6}--第6章本周加餐：前端路由模式原理和vue-router源码讲解  
|   └──{7}--第7章本周总结+作业  
├──{2}--脚手架发布模块git自动化流程开发  
|   ├──{1}--第1章本章导学  
|   ├──{2}--第2章GitFlow模块架构设计  
|   ├──{3}--第3章Github&GiteeAPI接入  
|   ├──{4}--第4章GitFlow初始化流程开发  
|   ├──{5}--第5章GitFlow本地仓库自动提交  
|   ├──{6}--第6章本周加餐：Node编码最佳实践  
|   └──{7}--第7章周总结  
├──{3}--脚手架发布模块云构建系统开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章云架构模块架构设计  
|   ├──{3}--第3章WebSocket快速入门  
|   ├──{4}--第4章Redis快速入门  
|   ├──{5}--第5章云构建初始化流程开发  
|   ├──{6}--第6章云构建执行流程开发  
|   └──{7}--第7章周总结  
├──{4}--脚手架发布模块云发布功能开发  
|   ├──{1}--第1章第一章本周导学  
|   ├──{2}--第2章云发布模块架构设计  
|   ├──{3}--第3章云发布功能开发  
|   ├──{4}--第4章云发布流程完善  
|   ├──{5}--第5章本周加餐：node常用三方库介绍  
|   └──{6}--第6章本周总结+作业  
├──{5}--脚手架组件发布功能开发  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章大厂物料体系介绍和前端组件平台架构设计  
|   ├──{3}--第3章脚手架组件创建和预览项目开发  
|   ├──{4}--第4章脚手架组件发布流程开发  
|   └──{5}--第5章本周总结+作业  
├──{6}--组件平台开发  
|   ├──{1}--第1章本周导学  
|   ├──{2}--第2章组件平台架构设计和技术选型  
|   ├──{3}--第3章组件平台基础功能开发  
|   ├──{4}--第4章组件平台组件列表页面开发  
|   └──{5}--第5章组件平台组件详情页面开发  
└──{7}--项目单元测试用例设计和开发  
|   ├──{1}--第1章周介绍  
|   ├──{2}--第2章Mocha框架快速入门  
|   ├──{3}--第3章Package类用例设计和开发  
|   ├──{4}--第4章Git类用例设计和开发  
|   └──{5}--第5章其他工具类和函数测试开发  
{7}--阶段七：架构师领导力培养/
└──第35周   大厂如何管理多人协作的研发项目  
|   ├──1-1 .mp4  45.00M
|   ├──2 -2 .mp4  76.16M
|   ├──2-1.mp4  79.81M
|   ├──2-3.mp4  95.85M
|   ├──2-4.mp4  74.89M
|   ├──2-5.mp4  57.54M
|   ├──2-6.mp4  89.91M
|   ├──2-7.mp4  90.08M
|   ├──2-8.mp4  94.02M
|   ├──2-9.mp4  80.02M
|   ├──3-1.mp4  16.59M
|   ├──3-2.mp4  21.83M
|   ├──3-3.mp4  113.73M
|   ├──3-4.mp4  97.74M
|   ├──3-5.mp4  91.28M
|   ├──3-6.mp4  52.27M
|   └──3-7.mp4  78.28M
{2}--资料/课程资料/
├──admin-fe-branchs-master.zip  171.31kb
├──biz-editor-server-branchs-master.zip  1010.78kb
├──cli-test-master.zip  11.87kb
├──event-analytics-server-branchs-master.zip  302.00kb
├──h5-server-branchs-master.zip  326.41kb
├──imooc-cli-dev-master.zip  226.98kb
├──imooc-cli-dev-server-master.zip  21.07kb
├──imooc-cli-dev-template-master.zip  1.65M
├──imooc-cli-master.zip  173.66kb
├──imooc-cli-server-master.zip  19.08kb
├──imooc-cli-template-master.zip  620.33kb
├──imooc-monitor-master.zip  82.92kb
├──learn-mongo-master.zip  13.14kb
├──lego-backend-master.zip  208.91kb
├──lego-bricks-master.zip  124.73kb
├──lego-master.zip  328.37kb
├──typescript-basic-master.zip  8.05kb
├──umi-cnponent-dev-master.zip  14.37kb
├──vue3-basic-master.zip  115.56kb
└──资料目录.png  164.12kb
 

资源下载