资源简介
这是一门专门培养前端架构师的高端课程,初级前端 VS 中高级前端 VS 前端架构师。
课程目标:
精通 web 前端技术体系
精通服务端开发技术体系
精通高扩展性、高复用性程序设计
能抽象出领域通用的架构
解决业务领域核心技术难题
挖掘业务痛点,优化项目
推动前端基础设施建设
带领团队高效完成项目研发
团队管理和建设
简单目录
├──{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
下载地址
正文完