1、需求分析-了解软件开发生命周期
2、技术整体架构
3、研发流程优化背后的思考
4、为什么要优化前端研发流程
5、前端监控体系+测试体系分享

1、掌握脚手架的实现原理
2、掌握脚手架管理工具Lerna和常用操作
3、基于Lerna构建脚手架项目
4、图解脚手架架构设计
5、脚手架工程体系设计
6、深入阅读Lerna源码，剖析require.resolve原理

1、脚手架核心子项目core包架构设计
2、掌握脚手架node运行版本限制
3、掌握脚手架root自动降级
4、掌握npmlog实现自定义脚手架日志
5、掌握脚手架用户主目录检查
6、掌握脚手架入参解析和环境变量配置
7、运用npm API实现脚手架自动更新
8、掌握脚手架命令注册原理
9、运用commander简化脚手架命令注册
10、node支持ES模块化标准的两种方法

1、掌握脚手架执行命令原理
2、掌握高性能脚手架架构思路和具体方法
3、封装通用的npm包管理类Package
4、掌握API方式完成npm包下载和自动更新
5、掌握脚手架缓存结构设计
6、掌握Node多进程的四种实现方案
7、深度解析Node多进程child_process库源码

1、脚手架项目创建能力架构设计
2、深入理解命令行交互原理和inquirer的应用
3、掌握服务端框架egg.js的开发方法
4、掌握云mongodb和egg接入mongodb方法
5、运用egg.js+mongodb构建项目模板API
6、掌握正则表达式并完成项目名称自动格式化
7、掌握spinner实现命令行loading效果
8、完成标准项目模板开发
9、完成项目模板的缓存和下载功能

1、掌握脚手架标准安装模式和自定义安装模式实现原理
2、掌握ejs模板的实现原理和开发方法
3、基于ejs模板完成项目模板动态化
4、完成标准组件模板开发
5、完成项目或组件项目标准安装流程开发
6、完成自定义项目模板初始化流程开发
7、ejs源码解析——彻底搞懂ejs模板编译和渲染原理
8、require源码解析——彻底搞懂Node.js模块加载原理

1、整体需求分析初步 和 细化：编辑器需求分析
2、编辑器开发的难点分析 和 难点可能使用解决方案
3、整体架构设计

1、Typescript - 进入类型的世界
2、vue3 以及 新版全家桶 vuex，vue-router
3、ant-design-vue - 完美支持 vue3 的组件库
4、webpack 和 rollup - 现代打包工具双雄

1、使用 imooc-cli 创建项目
2、规定代码规范和项目结构 ，安装编辑器辅助插件
3、使用 vue-router 添加基础路由结构
4、使用 ant-design-vue 搭建基础布局
5、使用 vuex 创建项目的基本数据结构

1、创建编辑器的基本布局
2、分析画布组成元素的组件属性
3、创建第一个组件 LText
4、属性和编辑组件的实现方案

1、Jest 简介和基本用法
2、vue-test-utils 的基本用法
3、为 Ltext 添加测试用例

1、为通用上传组件写需求。
2、从易到难渐进式使用 TDD 的混合方式开发一个复杂的上传组件。
3、将组件用于左侧组件列表用于创建 LImage 组件。
4、衍生出来的一系列扩展知识：比如 Vue3 组件的类型，Vue3 通信的几种方法，以及 Element Plus Upload 组件的源码分析等。

1、创建单独的组件库代码库
2、添加剩余的业务组件
3、使用 rollup 打包生成多种 JS 模块
4、发布至 npm 和 使用 husky 完成发布前测试
5、使用 travis 完成组件库 CI/CD 功能

1. 服务器端需求分析和技术选型
2. Egg.js + Typescript 开发 RESTful API
3. Mongodb 基础以及高级特性
4. Egg.js 进阶 - 插件机制以及源代码解读

1. 用户系统三种方法实现 - 密码，短信（阿里云SMS） 以及 Oauth2
2. Redis 适用场景以及应用
3. 用户鉴权的解决方案汇总以及 JWT 的实现方案
4. 使用阿里云短信服务（SMS）实现手机登录
5. Oauth2 登录实现前后端分离的解决方案

1. Stream 概念以及进阶使用
2. 本地文件上传以及图片处理
3. 云服务OSS完成文件上传以及处理
4. SSR 概念以及实现 H5 端作品的展示
5. RBAC 完成用户权限的细粒度控制

1. 传统部署到虚拟化容器的发展
2. 使用 Docker 以及 docker-compose 完成部署
3. 使用 Github Actions 完成 CI/CD
4. 使用 Github Actions 和 Docker 完成自动部署

1、使用 cropper.js 开发 image processer 组件
2、同属性分组并且开发 EditGroup 组件
3、开发图层面板 并且 使用 vue-draggable-next 完成排序功能
4、背景设置面板开发

1、拖动定位功能开发
2、拖动改变大小功能开发
3、使用 hotkeys js 开发快捷键功能
4、实现 Undo Redo 功能
5、添加右键菜单功能

1、预览功能开发
2、保存和自动保存功能
3、使用 html2canvas 生成截图并发布作品
4、使用 qrcodejs2 生成二维码并实现渠道编辑功能

1、使用HTML2Canvas 完成页面元素截图
2、使用 QRCode 生成二维码
3、使用 Clipboard.js 完成拷贝文字到剪贴板
4、编写 useLoadMore 钩子函数
5、使用 FileSaver.js 完成文件的下载

1、Vue Cli 编译的环境，过程和模式
2、Webpack 的基础回顾以及 Loader 和 Plugin 的原理
3、Webpack 打包的分析和优化手段
3、HTTP 传输的优化手段

1、Nuxt简介
2、Nuxt 中的渲染模式
3、Nuxt3 安装
4、自动导入
5、Pages 概念
6、Routing 路由 以及中间件
7、状态管理
8、数据获取
9、静态文件处理
10、SEO
11、服务器端中间件
12、存储层
13、配置文件以及环境变量
14、Nuxt Plugins.
15、nuxt-mongoose

1、tailwind
2、Zod完成客户端验证
3、使用jwt实现用户验证后端编码
4、完成前端登陆状态持久化
5、简介和安装NuxtUI 及使用
6、完成动态表单初步编码
7、完成上传组件开发
8、完成编辑用户信息开发
9、构建和部署的方式
10、使用Nuxt构建整个项目
11、完成部署脚本
12、使用pm2来启动和管理应用
13、使用Bun来运行应用

1、掌握大厂代码复用方法轮和背后思考
2、掌握如何通过脚手架实现页面级别复用
3、掌握页面模板的开发方法
4、完成脚手架add命令的开发逻辑
5、解决页面模板安装过程中的依赖冲突问题

1、掌握大厂代码片段复用的实现原理
2、掌握代码片段的开发方法
3、掌握代码片段模板壳应用开发方法
4、掌握代码片段核心插入算法实现
5、掌握代码复用能力自定义安装功能

1、掌握前端监控的阿里云arms接入方法与架构设计
2、掌握前端监控的百度统计接入方法
3、掌握前端JSSDK的实际开发应用
4、掌握前端监控埋点采集和上报的方法
5、掌握浏览器监听DOM的Observer的实际开发应用

1. 掌握MaxCompute计算引擎开通方法
2. 掌握MaxCompute的数据处理方法
3. 掌握监控平台如何通过代码连接MaxCompute的两种方法
4. 掌握PythonSDK在监控平台的实际应用
5. 掌握在js文件通过子进程执行python文件的开发应用

1. 掌握常见流量监控指标
2. 掌握如何完善前端埋点上报内容
3. 掌握MaxCompute和RDS实现数据集成方法
4. 掌握前端监控数据可视化功能的实现
5. 掌握前端埋点SDK性能优化方法：上报队列功能实现
6. 掌握服务端上报API性能优化方法：定时任务上报

1、掌握项目/组件标准发布流程架构设计和流程图绘制
2、掌握自动化git流程架构设计和实现细节
3、掌握云构建实现原理和实现细节
4、掌握项目/组件发布原理和实现细节
5、完成public子项目创建和主流程开发

1、掌握 git 操作方法和 git flow 流程
2、封装通用的 git 处理类 Git
3、掌握 git 处理过程中的缓存结构设计
4、掌握 git 处理过程中的各种异常流程
5、完成 Github & Gitee Open API 接入
6、Git 类准备阶段开发，完成各种 git 配置初始化
7、Git 类初始化阶段开发，完成 git 仓库初始化、remote 自动关联、强制合并
8、并远程代码等功能
9、Git 类分支自动比对功能开发，完成代码冲突检查、stash 区自动检查
10、自动同步 master 分支等功能
11、完成 Git 类代码自动提交功能开发

1、封装通用的云构建类CloudBuild
2、掌握WebSocket通信协议和开发方法
3、应用egg-socket.io插件快速接入WebSocket服务
4、掌握Redis缓存数据库的应用
5、应用egg-redis插件快速接入Redis服务
6、完成CloudBuild准备和预发布阶段开发，完成发布前配置和各类检查
7、掌握服务端CloudBuild处理流程和实现逻辑
8、服务端CloudBuildTask类封装，完成预处理、源码下载、云构建等流程开发
9、大作业：CloudBuild构建和依赖安装指令动态化功能设计和实现

1、掌握前端云发布逻辑实现
2、掌握oss入门使用方法
3、完成服务端oss API接入
4、掌握oss域名绑定+cdn接入
5、掌握项目预发布和正式发布流程
6、掌握项目回滚等异常流程处理
7、完成发布后自动打tag和开发分支删除功能
8、完成发布流程整体开发和联调
9、大作业：项目回滚+多版本发布功能架构设计和具体实现

1、完成组件git flow流程开发
2、掌握组件构建和发布流程设计
3、掌握组件预览功能设计
4、完成组件构建和发布流程开发
5、完成组件预览功能开发
6、掌握RDS开通和使用方法
7、掌握egg.js+mysql的开发方法
8、完成组件相关API的开发方法
9、完成组件发布全流程联调
10、完成脚手架整体发布和上线

1、掌握umi项目的开发方法
2、掌握react hook的开发方法
3、完成antd组件库集成
4、完成组件列表页开发
5、完成组件详情页开发
6、完成组件平台上线

1、掌握脚手架单元测试库mocha
2、掌握测试用例设计技巧
3、完成脚手架单元测试用例设计
4、完成init库测试用例开发和调试
5、完成publish库测试用例开发和调试

1、软件研发流程概述，先有一个整体的认识
2、敏感项目研发流程，以及常用工具
3、制定项目计划，包括范围 WBS，时间，质量，风险，沟通
4、计划监控，保证计划顺利执行
5、项目功能迭代和 bug 修复
6、多人协作、工作分配和跟踪
7、大厂绩效考核标准
8、大厂人员面试标准
9、大厂数值汇报方法和技巧
10、大厂标准的工作交流方式
11、整个课程内容复盘
12、未来的技术展望