首页 体系课 2024版 Web前端架构师
2024版 Web前端架构师
系统培养大厂P7技术专家/中小厂前端Leader
6~8个月,让3年+前端完成质的飞跃
35 课程内容
21 个月 教学服务期限
200 小时 视频时长
1091 学习人数
100% 好评度
满5600减1800 满8700减2600 满4600减1600 满3800减1200 满2800减900 满1800减500 满1200减300 满500减80 满199减20

更多

35 课程内容
21 个月 教学服务期限
70000 手敲代码
2 企业及项目
16+ 实操案例
1091 学习人数
活动到手价 ¥3299.00
7天未学可退 ¥6680
立减¥3381 立即购买

这是一门专门培养前端架构师的高端课程

初级前端VS中高级前端VS前端架构师

8大维度 完成前端工程师到架构师的蜕变

真实的架构设计过程
前沿+丰满的前端技术栈
真实的商业级产品
大型复杂落地业务
完善的工程体系
真大厂前端研发脚手架
可视化海报编辑器
前端监控平台全流程开发

真实的架构设计过程

既然叫架构师,不精通架构怎么能行

覆盖前端开发全流程的架构设计

-基础架构设计

-业务架构设计

-服务架构设计

-运维体系设计

绘制架构设计图,呈现架构设计全景
还原架构师的真实工作过程
分享架构设计心路

前沿+丰满的前端技术栈

掌握丰富的技术栈,是架构师的标配能力

前端框架:Vue3(含SSR) + React16
前端组件库:Ant-design-vue + Ant-design
后端框架:Koa2 + Egg.js
脚手架框架:Node.js + Lerna
通讯协议:HTTPS + WebSocket
数据库:MySQL + MongoDB + Redis
云服务:ECS + OSS + RDS + CDN +
域名 + 短信 + 云防火墙 + 云审核
性能监控:阿里云ARMS
前端埋点:EAS(自研)
服务端CI/CD: Github Actions
前端CI/CD:imooc-cli(自研)

真实运行的商业级产品

在真实的产品开发过程中,才能拥有真实的架构师经历

真实的产品持续更新迭代
真实的项目开源方式运作
真实的项目分工与协作模式
真实的域名、云服务和发布流程
真实的数据统计、运维监控和报警流程
真实的内容安全保障和审核

大型复杂落地业务

只有做复杂的项目,才能培养出合格的架构能力

5大核心系统

B端+C端+管理端+统计端+脚手架

大型的业务研发

4W+行纯手写代码,完成12个项目工程

复杂的核心业务

短信验证码 + 可视化编辑器 + H5 SSR
+ 多渠道发布 + 内容审核

完善的工程体系

对于部分非大厂出身的同学,这可能是你接触大型工程项目的好机会

基础架构:实现了一套完整的、闭环的前端研发工具链

-项目创建模板化、项目Git Flow自动化、项目构建自动化、项目发布自动化

-组件创建模板化、组件平台可视化、组件发布自动化

业务组件库:基于基础架构提供的组件能力,快速初始化业务组件库
性能优化:Webpack构建优化+gzip压缩
自动化测试:单元测试和接口测试
自动化上线和回滚

脚手架-真大厂前端研发脚手架

大厂面试的敲门砖,老学员普遍评价,光学会前端脚手架,就已经值票价了

全面的技术使用:Node + Commander + Lerna + Egg 构建脚手架前后端框架
商用级脚手架功能:
模板创建项目和组件 + 项目和组件一键发布
深入原理分析:脚手架底层原理 + 命令行交互原理 + 大型脚手架框架 +
NPM存储项目模板 + Git自动化 + 云端项目构建和发布
Node 源码解读:
Node模块化原理 + Node多进程原理 + Node readline原理 + ejs模板渲染原理

低代码-可视化海报编辑器

目前大厂都在研发的新技术方向,这时学习,是最佳时机

技术选型:Typescript + Vue3 + AntDesignVue + 新版 Vue 全家桶
交互功能:
实时表单 + 拖动移动 + 拖动改变大小 + 快捷键 + 重做/撤销 + 页面截图
多维知识点:
十几个第三方库 + 单元测试 + TDD开发模式 + Webpack/HTTP 极限性能优化
+ 部分源代码解析
丰富且独立的业务组件库:
组件库架构设计 + rollup 打包 + 发布至npm + CI/CD自动测试以及发布

前端监控平台全流程开发

对标大厂监控系统,丰富架构师知识体系

稀有的前端监控平台:
原生JS监控库 + Egg后端 + 阿里云MaxCompute大数据处理 +
ECharts数据可视化
监控平台理论知识:
PV埋点 + 自动上报埋点 + 手动上报埋点
流量数据分析功能:
核心指标分析 + 流量来源漏斗图 + 多级埋点数据聚合 + 自定义埋点统计
真实研发流程:
项目创建 + 项目研发 + 项目发布 + 前端监控 + ABTest实验 + 性能监控

为中级前端工程师量身定制的能力提升课,快速跻身高阶段位

晋升高阶

从事前端Vue、React工作
1年及以上
想进一步晋升的

技术跃迁

只会一些简单业务的代码编写
缺少复杂项目的经验
急需提升技术

入行架构

不满足基础前端岗位
想进军架构层面
主导产品设计的人群

价值巨大的商用级产品架构,业务实现+开发提效双线并进

数据埋点/运营管理/作品管理后台等业务需求 + 组件库/组件平台/脚手架等开发需求

产品展示与体验

主站编辑器

点击进入编辑器主站

https://www.imooc-lego.com

用户端生成H5

后台管理系统

数据统计服务

故障报警(监控+报警)

第三方云服务

课程涵盖“Web前端架构师”应会 / 必会技术栈,干货十足

下图中所示内容,100%覆盖,绝不掺水

课程附赠专门定制学习资料 还有大牛亲自带你做项目

你可以参与到本项目的开发中来,在求职的时候展示这样的一个项目会为你带来非常多的加分

电子书
与课程配套
作业打卡
点击预览
架构图
清晰易理解

慕课精英讲师倾囊打造 不仅有硬技能,更有软实力

阵容有多强,慕课网的老朋友们都懂

课程大纲及学习周期安排

为保证课程内容紧跟市场变化,课程章节将逐步开放,直至课程完结

阶段一: 课程设计及前端创建脚手架开发
  • 第1周
  • 第2周
  • 第3周
  • 第4周
  • 第5周
  • 第6周
需求分析和架构设计:做什么,如何做?

开工之前,先来看看我们到底要做一个什么项目,有哪些功能。然后站在上帝视角,从整体的架构层面,该如何设计该项目。

课程安排:
  1. 1、需求分析-了解软件开发生命周期
  2. 2、技术整体架构
  3. 3、研发流程优化背后的思考
  4. 4、为什么要优化前端研发流程
  5. 5、前端监控体系+测试体系分享
脚手架架构设计和框架搭建

万丈高楼平地起,讲解大厂级别的脚手架是如何设计的,从头开始绘制架构设计图,并完成脚手架的框架搭建。

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

本周将完成脚手架内核@imooc-cli/core子项目设计,并开发脚手架的执行准备阶段和命令注册阶段。

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

本周将完成脚手架内核@imooc-cli/core子项目的执行命令阶段,我们将采用分离式架构设计、缓存结构设计大幅提升脚手架的下载速度和执行性能。

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

本周将开发脚手架创建项目的@imooc-cli/init子项目,完成init包的准备阶段和下载模板阶段开发。

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

init包将完成项目和组件的初始化过程,本周将完成init包的安装模板阶段。

课程安排:
  1. 1、掌握脚手架标准安装模式和自定义安装模式实现原理
  2. 2、掌握ejs模板的实现原理和开发方法
  3. 3、基于ejs模板完成项目模板动态化
  4. 4、完成标准组件模板开发
  5. 5、完成项目或组件项目标准安装流程开发
  6. 6、完成自定义项目模板初始化流程开发
  7. 7、ejs源码解析——彻底搞懂ejs模板编译和渲染原理
  8. 8、require源码解析——彻底搞懂Node.js模块加载原理
阶段二: B端项目分析和设计,编辑器初步编码,业务组件库的搭建
  • 第7周
  • 第8周
  • 第9周
  • 第10周
  • 第11周
  • 第12周
  • 第13周
B端项目需求分析 和 架构设计

对于一个复杂前端项目,在编码之前,分析过程可谓是“磨刀不误砍柴工”,本周我们来给大家讲解怎样一步步抽丝剥茧,从需求到难点,再到系统整体设计。

课程安排:
  1. 1、整体需求分析初步 和 细化:编辑器需求分析
  2. 2、编辑器开发的难点分析 和 难点可能使用解决方案
  3. 3、整体架构设计
前端基础技术回顾和巡礼

在课程正式开始之前,扎实的基础知识是本课程的必备条件。这一周,让我们一起来温习 - typescript,vue3,ant-desing-vue 以及 webpack 和 rollup 的基础知识。

课程安排:
  1. 1、Typescript - 进入类型的世界
  2. 2、vue3 以及 新版全家桶 vuex,vue-router
  3. 3、ant-design-vue - 完美支持 vue3 的组件库
  4. 4、webpack 和 rollup - 现代打包工具双雄
项目整体搭建

万事开头难,本周我们使用技术储备中简介的知识,来搭建项目的大体结构和框架,包括 项目创建,代码结构,基础路由,基本布局和 基本的全局数据结构。

课程安排:
  1. 1、使用 imooc-cli 创建项目
  2. 2、规定代码规范和项目结构 ,安装编辑器辅助插件
  3. 3、使用 vue-router 添加基础路由结构
  4. 4、使用 ant-design-vue 搭建基础布局
  5. 5、使用 vuex 创建项目的基本数据结构
编辑器基本布局,及业务组件库初步开发

本周从编辑器开始开发,完成编辑器的基本布局,并且分析组件属性和修改组件属性的对应关系,创建业务组件库的第一个组件,并且完成最简单的编辑器交互,最后提出了业务组件实时实现编辑更新的解决方案。

课程安排:
  1. 1、创建编辑器的基本布局
  2. 2、分析画布组成元素的组件属性
  3. 3、创建第一个组件 LText
  4. 4、属性和编辑组件的实现方案
掌握测试基本工具,给组件库添加单元测试

本周从什么是测试入手,简介了测试的基本概念,介绍通用测试工具 Jest 和 Vue 测试框架 vue-test-utils,然后使用这两种工具完成LText组件的单元测试。

课程安排:
  1. 1、Jest 简介和基本用法
  2. 2、vue-test-utils 的基本用法
  3. 3、为 Ltext 添加测试用例
通用上传组件开发以及使用

本周主要从业务组件 LImage 入手,从易到难使用 TDD 开发一个复杂的通用上传组件,之后将组件用于左侧组件列表中,完成图片组件的功能。

课程安排:
  1. 1、为通用上传组件写需求。
  2. 2、从易到难渐进式使用 TDD 的混合方式开发一个复杂的上传组件。
  3. 3、将组件用于左侧组件列表用于创建 LImage 组件。
  4. 4、衍生出来的一系列扩展知识:比如 Vue3 组件的类型,Vue3 通信的几种方法,以及 Element Plus Upload 组件的源码分析等。
业务组件库打包、发布,添加 CI/CD

本周继续丰富业务组件库的功能,将组件库剥离成单独的代码库,使用 rollup 打包成多种 JS 模块形式,发布到 NPM,最后还使用 travis 完成了 CI/CD 流程。

课程安排:
  1. 1、创建单独的组件库代码库
  2. 2、添加剩余的业务组件
  3. 3、使用 rollup 打包生成多种 JS 模块
  4. 4、发布至 npm 和 使用 husky 完成发布前测试
  5. 5、使用 travis 完成组件库 CI/CD 功能
阶段三: 从 0 搭建编辑器服务端
  • 第14周
  • 第15周
  • 第16周
  • 第17周
后端技术选型以及基础知识巩固

在项目开始之前,我们需要根据需求分析完成技术选型,以及基础的夯实。本周深入浅出的介绍了后端框架以及数据库从选型,基础再到深入,最后得出最佳实践的过程。

课程安排:
  1. 1. 服务器端需求分析和技术选型
  2. 2. Egg.js + Typescript 开发 RESTful API
  3. 3. Mongodb 基础以及高级特性
  4. 4. Egg.js 进阶 - 插件机制以及源代码解读
用户系统设计与实现

正式开始项目,本周我们从实现三种用户登录的实现方式入手,在学习的过程中,引出并学习 Redis,鉴权,Cookie-Session 以及 JWT 和 Oauth2 前后端分离开发的实现方式。

课程安排:
  1. 1. 用户系统三种方法实现 - 密码,短信(阿里云SMS) 以及 Oauth2
  2. 2. Redis 适用场景以及应用
  3. 3. 用户鉴权的解决方案汇总以及 JWT 的实现方案
  4. 4. 使用阿里云短信服务(SMS)实现手机登录
  5. 5. Oauth2 登录实现前后端分离的解决方案
文件上传(本地 + OSS 云服务)

继续深入项目,这周着重三大块内容,Stream 的学习,HTTP 中文件处理(本地以及云服务),SSR 实现 H5 作品展示,最后使用 Casl 完成 RBAC 用户权限控制。

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

项目开发结束,进入部署环境,从传统的部署到 Docker 容器化部署,Nginx 转发配置,以及使用 Github Actions 完成 CI/CD 自动部署。

课程安排:
  1. 1. 传统部署到虚拟化容器的发展
  2. 2. 使用 Docker 以及 docker-compose 完成部署
  3. 3. 使用 Github Actions 完成 CI/CD
  4. 4. 使用 Github Actions 和 Docker 完成自动部署
阶段四: 完善B端所有功能,前后端结合和性能优化
  • 第18周
  • 第19周
  • 第20周
  • 第21周
  • 第22周
  • 第23周
  • 第24周
编辑器组件图层面板功能开发

本周继续进行属性编辑面板的功能,完成属性的分组功能,完成图层面板的显示 隐藏 锁定 排序等功能。最后完成背景设置面板的功能,在这个过程中,学习一系列第三方库的使用。

课程安排:
  1. 1、使用 cropper.js 开发 image processer 组件
  2. 2、同属性分组并且开发 EditGroup 组件
  3. 3、开发图层面板 并且 使用 vue-draggable-next 完成排序功能
  4. 4、背景设置面板开发
让元素动起来 - 编辑器画布交互功能开发

本周是集中火力在编辑器交互功能上,完成元素的拖动定位,拖动改变大小,快捷键支持,重做,回滚,右键菜单等一系列功能的开发。

课程安排:
  1. 1、拖动定位功能开发
  2. 2、拖动改变大小功能开发
  3. 3、使用 hotkeys js 开发快捷键功能
  4. 4、实现 Undo Redo 功能
  5. 5、添加右键菜单功能
前后端结合 - 编辑器整合后端接口

本周开始接入后端开发,实现作品的预览,保存,自动保存,发布和渠道编辑等一系列功能。

课程安排:
  1. 1、预览功能开发
  2. 2、保存和自动保存功能
  3. 3、使用 html2canvas 生成截图并发布作品
  4. 4、使用 qrcodejs2 生成二维码并实现渠道编辑功能
整合开发 B 端其他页面的各种功能

这周来完成其他页面的分析和编码工作,在这个过程中我们最重要的是掌握几个重要的第三方库以的用法及它们的原理,以及通过一个比较复杂的钩子函数加强 vue3 composition API 的应用。

课程安排:
  1. 1、使用HTML2Canvas 完成页面元素截图
  2. 2、使用 QRCode 生成二维码
  3. 3、使用 Clipboard.js 完成拷贝文字到剪贴板
  4. 4、编写 useLoadMore 钩子函数
  5. 5、使用 FileSaver.js 完成文件的下载
大型项目的编译,部署以及性能优化

这一周我们来完成一个大型项目开发完毕以后的过程,那就是将在本地运行的项目编译成符合线上要求的版本,将它部署上线,并且尽可能的完成性能优化。

课程安排:
  1. 1、Vue Cli 编译的环境,过程和模式
  2. 2、Webpack 的基础回顾以及 Loader 和 Plugin 的原理
  3. 3、Webpack 打包的分析和优化手段
  4. 3、HTTP 传输的优化手段
学习使用Nuxt创建管理系统:基础学习

本周是 2024 年最新更新的内容,学习使用 Vue 最新的 SSR 框架 Nuxt 来创建一个管理系统,本周专注于 Nuxt3 以及 Nitro 的基础以及进阶知识同时完成管理系统身份认证的开发。

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

本周是2024年最新更新的内容,学习使用 Vue最新的SSR框架Nuxt来创建一个管理系统,本周专注于典型的管理系统开发场景:表格数据的复杂交互处理,复杂多表单的渲染交互处理以及最终的部署上线。

课程安排:
  1. 1、tailwind
  2. 2、Zod完成客户端验证
  3. 3、使用jwt实现用户验证后端编码
  4. 4、完成前端登陆状态持久化
  5. 5、简介和安装NuxtUI 及使用
  6. 6、完成动态表单初步编码
  7. 7、完成上传组件开发
  8. 8、完成编辑用户信息开发
  9. 9、构建和部署的方式
  10. 10、使用Nuxt构建整个项目
  11. 11、完成部署脚本
  12. 12、使用pm2来启动和管理应用
  13. 13、使用Bun来运行应用
阶段五: 完善服务端,发布上线
  • 第25周
  • 第26周
  • 第27周
  • 第28周
  • 第29周
脚手架功能升级-上手大厂开发模式

本周讲解如何通过脚手架+页面模板实现代码的快速复用。

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

讲解如何通过脚手架+代码片段实现更复杂的代码复用功能。

课程安排:
  1. 1、掌握大厂代码片段复用的实现原理
  2. 2、掌握代码片段的开发方法
  3. 3、掌握代码片段模板壳应用开发方法
  4. 4、掌握代码片段核心插入算法实现
  5. 5、掌握代码复用能力自定义安装功能
前端监控平台之JS 库开发

本周讲解如何通过JS库开发实现前端监控埋点处理

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

本周讲解监控埋点的存储方法,如何通过大数据获得埋点数据,并进行数据可视化展示。

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

本周讲解监控平台常见流量指标和统计方法,完整实现埋点数据可视化流程。

课程安排:
  1. 1. 掌握常见流量监控指标
  2. 2. 掌握如何完善前端埋点上报内容
  3. 3. 掌握MaxCompute和RDS实现数据集成方法
  4. 4. 掌握前端监控数据可视化功能的实现
  5. 5. 掌握前端埋点SDK性能优化方法:上报队列功能实现
  6. 6. 掌握服务端上报API性能优化方法:定时任务上报
阶段六: 前端发布脚手架开发
  • 第30周
  • 第31周
  • 第32周
  • 第33周
  • 第34周
  • 第35周
  • 第36周
脚手架发布模块架构设计和核心流程开发

完成项目开发后,需要进行前端发布,脚手架的@imooc-cli/publish子项目将完成项目和组件的标准发布流程,本周将完成publish包的架构设计和核心流程开发

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

本周将完成项目发布过程中的 git flow 流程开发,遵循标准的 git flow 流程,学会可快速改造和优化日常开发中的 git 处理流程,巩固 git 的各种使用技巧和方法。

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

git flow流程完成后,我们将进入脚手架中最重要也是难度最高的一个环节,即云构建系统开发,本周我们通过egg.js+WebSocket+Redis最终实现完成云构建模块开发。

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

脚手架云构建模块开发完成后,本周将继续完成项目的云发布流程开发。

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

项目发布流程已经调通,本周将完成组件发布流程开发,组件发布流程和项目不同,主要差异在于:组件需要发布到npm和组件信息需要落库,所以需要不同的处理方式。

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

本周将基于umi完成组件库前端部分创建,同时结合react hook开发组件库的前端页面,并将组件库发布上线。

课程安排:
  1. 1、掌握umi项目的开发方法
  2. 2、掌握react hook的开发方法
  3. 3、完成antd组件库集成
  4. 4、完成组件列表页开发
  5. 5、完成组件详情页开发
  6. 6、完成组件平台上线
项目单元测试用例设计和开发

讲解如何开发单元测试用例,并开发测试代码。

课程安排:
  1. 1、掌握脚手架单元测试库mocha
  2. 2、掌握测试用例设计技巧
  3. 3、完成脚手架单元测试用例设计
  4. 4、完成init库测试用例开发和调试
  5. 5、完成publish库测试用例开发和调试
阶段七: 架构师领导力培养
  • 第37周
大厂如何管理多人协作的研发项目

本周带领大家进入大厂文化 ,了解大厂如何做项目管理,多人协作的管理,以及团队人员的管理,课程内容复盘,未来技术的发展分析。

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

慕课网完整课程服务,为你的学习效果保驾护航

直播互动
社群讨论
机会内推
面试指导
品质直播话题,与讲师面对面实时互
动,开拓视野
和大牛、同行共处同一社群,切磋与
碰撞,成长更迅速
慕课平台为优秀的学员推荐具有竞争
力的工作机会
剖析大厂招聘标准
知己知彼提高面试率
有问必答
源码开放
独家资料
提升作业
提供课程相关疑问提问入口
详细答疑,扫清学习障碍
全套上线标准的项目代码免费赠送
并且长期迭代维护
超实用的思维导图,文档资料覆盖核
心知识、关键技能,方便回溯与拓展
知识点融会贯通综合应用,技能掌握
举一反三更牢靠
常见问题
  • 加载中...
学习目标
课程体系
适合人群
重点项目
技术干货
大牛讲师
课程大纲
特色服务
返回顶部

学习咨询

选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!

扫码加顾问老师 立即咨询

意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师