学途无忧

标题: Web前端架构师(更新至34周) [打印本页]

作者: admin    时间: 2022-5-22 16:53
标题: Web前端架构师(更新至34周)
Web前端架构师(更新至34周)〖课程介绍〗:
        超大复杂项目+高端技术+大厂规范+全局架构思维
        系统培养大厂P7技术专家/中小厂前端Leader" i( n: ^( u3 C
        6~8个月,让3年+前端完成质的飞跃- o, Q/ H$ t' E, {" w
〖课程目录〗:$ G4 L( g" J& j+ Z! Y4 R" u
        阶段一:课程设计及前端创建脚手架开发
        第1周   需求分析和架构设计:做什么,如何做?
        开工之前,先来看看我们到底要做一个什么项目,有哪些功能。然后站在上帝视角,从整体的架构层面,该如何设计该项目。7 A$ c! R$ E, f/ O" V: b
        课程安排:* j  S, v- Y' Q+ U# P$ C, L2 A' {
        1、需求分析,到底要做一个什么产品0 G  A4 G( c* h
        2、项目设计,多个项目之间的关系9 w) p1 y1 Z* c+ ^
        3、数据模型设计,各项目之间的数据流转过程; R( k, R' W2 L$ v  B) C3 s! [3 L
        4、后台管理需求,管理员要管控什么内容
        5、统计需求,知道被访问了多少次- @7 U) l6 V0 w5 N& I$ \9 L+ i' g
        第2周   脚手架架构设计和框架搭建
        万丈高楼平地起,讲解大厂级别的脚手架是如何设计的,从头开始绘制架构设计图,并完成脚手架的框架搭建。
        课程安排:3 n0 C6 G% q5 S! J4 x9 m' L  z3 m
        1、掌握脚手架的实现原理; g5 j/ }! }7 v/ \, F1 x6 s. Y1 l
        2、掌握脚手架管理工具Lerna和常用操作6 y3 h9 D) U7 {1 H+ E& Q: [+ Z( D
        3、基于Lerna构建脚手架项目# e  |8 O7 [4 g5 o; h& B, [
        4、图解脚手架架构设计6 U. K% c) J: X+ _
        5、脚手架工程体系设计8 W  n: b$ U/ ^- n# z4 K
        第3周   脚手架核心流程开发9 l: ?% ]7 K  E& c; \9 c
        本周将完成脚手架内核@imooc-cli/core子项目设计,并开发脚手架的执行准备阶段和命令注册阶段。6 Q* X% U4 a4 J! ~7 i: C  ^+ c9 A
        课程安排:
        1、脚手架核心子项目core包架构设计
        2、掌握脚手架node运行版本限制
        3、掌握脚手架root自动降级
        4、掌握npmlog实现自定义脚手架日志
        5、掌握脚手架用户主目录检查
        6、掌握脚手架入参解析和环境变量配置, A4 {. K$ d; J+ u, }! J
        7、运用npm API实现脚手架自动更新& I' v0 i1 A- n9 E0 l
        8、掌握脚手架命令注册原理7 @' ?; m; v& i
        9、运用commander简化脚手架命令注册
        第4周   脚手架命令注册和执行过程开发1 ?' ?; E) d8 T. p2 N8 L& M7 G6 @4 f
        本周将完成脚手架内核@imooc-cli/core子项目的执行命令阶段,我们将采用分离式架构设计、缓存结构设计大幅提升脚手架的下载速度和执行性能。
        课程安排:
        1、掌握脚手架执行命令原理: P! n! f2 |* F  Y
        2、掌握高性能脚手架架构思路和具体方法
        3、封装通用的npm包管理类Package4 P- }7 R, r. X5 H2 Z
        4、掌握API方式完成npm包下载和自动更新
        5、掌握脚手架缓存结构设计) n! F- G9 p: Z* Y+ ]8 W
        6、掌握Node多进程的三种实现方式: O# \$ F' O; Y* v4 M
        7、掌握spawn实现跨进程命令执行和管理
        8、掌握node执行动态代码的方法
        第5周   脚手架创建项目流程设计和开发
        本周将开发脚手架创建项目的@imooc-cli/init子项目,完成init包的准备阶段和下载模板阶段开发。  ?( V$ r; y- W4 J% i* t+ `
        课程安排:; E9 W- G' W" A) B# `  q1 T# ]
        1、脚手架项目创建能力架构设计
        2、掌握inquirer实现命令行交互6 r% X4 T; k- C" W& q5 m5 z! X+ l
        3、掌握服务端框架egg.js的开发方法( w9 h% d" F$ W& A% ]/ r5 O% E
        4、掌握云mongodb和egg mongodb插件的开发方法! n: D8 q9 ~) a# \+ K% E7 n
        5、运用egg.js+mongodb构建项目模板API5 C! O6 [  `" `
        6、掌握正则表达式并完成项目名称自动格式化
        7、掌握spinner实现命令行loading效果4 z5 a0 w- M3 j+ }8 S& |# X/ T' P
        8、完成标准项目模板开发9 z) z8 l  w* f
        9、完成项目模板的缓存和下载功能) ?) B" W$ ^3 i# k! W+ y
        第6周   脚手架项目和组件初始化开发- P, J1 C5 X0 A1 \
        init包将完成项目和组件的初始化过程,本周将完成init包的安装模板阶段。' H2 r/ J9 D$ Z! E, n& D5 T/ d4 g( Z
        课程安排:5 u& T& ~$ W+ ^. u
        1、掌握脚手架标准安装模式和自定义安装模式实现原理
        2、掌握ejs模板的实现原理和开发方法8 p$ g4 ^$ Q& V7 }
        3、基于ejs模板完成项目模板动态化
        4、完成标准组件模板开发  |8 q" }- ~- t  z: S1 f: V% L1 E/ `
        5、完成项目或组件项目标准安装流程开发0 D7 B$ O# k1 I7 H% E7 U& _4 c
        6、完成自定义项目模板初始化流程开发
        阶段二:B端项目分析和设计,编辑器初步编码,业务组件库的搭建9 @+ f3 R, ~; s  A$ e* z1 x: G
        第7周   B端项目需求分析 和 架构设计
        对于一个复杂前端项目,在编码之前,分析过程可谓是“磨刀不误砍柴工”,本周我们来给大家讲解怎样一步步抽丝剥茧,从需求到难点,再到系统整体设计。
        课程安排:
        1、整体需求分析初步 和 细化:编辑器需求分析" ?1 T  J5 k- [! @7 b; F- M+ b
        2、编辑器开发的难点分析 和 难点可能使用解决方案* G' H1 A5 {. _; R9 C0 B, L& `
        3、整体架构设计& j0 M3 c+ y  z3 ~6 @+ d' t4 ~
        第8周   前端基础技术回顾和巡礼8 V" C  E' a# a
        在课程正式开始之前,扎实的基础知识是本课程的必备条件。这一周,让我们一起来温习 - typescript,vue3,ant-desing-vue 以及 webpack 和 rollup 的基础知识。0 ]7 U3 |0 p3 v& Z/ p! x5 A
        课程安排:' a, I% R1 G" j6 w
        1、Typescript - 进入类型的世界8 k1 N3 Y/ k8 N0 g
        2、vue3 以及 新版全家桶 vuex,vue-router- K* o/ N& m5 j+ x2 t
        3、ant-design-vue - 完美支持 vue3 的组件库7 i+ H- t. O' V4 v
        4、webpack 和 rollup - 现代打包工具双雄
        第9周   项目整体搭建: ^* a( R2 m  p
        万事开头难,本周我们使用技术储备中简介的知识,来搭建项目的大体结构和框架,包括 项目创建,代码结构,基础路由,基本布局和 基本的全局数据结构。
        课程安排:$ `, ^: v7 g" j. X& g6 u! ?
        1、使用 imooc-cli 创建项目
        2、规定代码规范和项目结构 ,安装编辑器辅助插件
        3、使用 vue-router 添加基础路由结构, p( l; A6 D; E9 {+ C/ f: Z
        4、使用 ant-design-vue 搭建基础布局
        5、使用 vuex 创建项目的基本数据结构
        第10周   编辑器基本布局,及业务组件库初步开发
        本周从编辑器开始开发,完成编辑器的基本布局,并且分析组件属性和修改组件属性的对应关系,创建业务组件库的第一个组件,并且完成最简单的编辑器交互,最后提出了业务组件实时实现编辑更新的解决方案。3 a& K! o: ?! a( W3 Z/ I
        课程安排:  ]. E& H& j6 S4 S! r( K4 }
        1、创建编辑器的基本布局" h& l5 G6 T" w6 l* F! W1 B" E0 L
        2、分析画布组成元素的组件属性/ M% _) {) ?) [. K
        3、创建第一个组件 LText4 Z  E9 z3 ?6 `6 x! V/ `
        4、属性和编辑组件的实现方案
        第11周   掌握测试基本工具,给组件库添加单元测试
        本周从什么是测试入手,简介了测试的基本概念,介绍通用测试工具 Jest 和 Vue 测试框架 vue-test-utils,然后使用这两种工具完成LText组件的单元测试。
        课程安排:7 ^6 K& I3 |8 [+ y6 ~$ g4 m
        1、Jest 简介和基本用法, b% u( F5 ~# l/ I0 n8 Y. ?
        2、vue-test-utils 的基本用法/ G* f3 M3 \3 B0 l
        3、为 Ltext 添加测试用例
        第12周   编辑器组件属性编辑面板功能开发
        本周主要针对不同属性来完成对应编辑组件的开发,由易到难的开发了 IconSwitch,ColorPicker 和 通用上传组件,中间还穿插了 TDD 的开发方式。
        课程安排:
        1、开发 IconSwitch 组件 并且 撰写测试3 P- U5 L; ]: s" P
        2、TDD 开发方式开发 ColorPicker 组件) k4 k  h5 L2 h. J$ Y
        3、二次开发通用上传组件 并且 撰写测试
        4、作业:写一个 BackgroundProcess 组件
        第13周   业务组件库打包、发布,添加 CI/CD8 H2 v% g9 L; c* o% x- ]
        本周继续丰富业务组件库的功能,将组件库剥离成单独的代码库,使用 rollup 打包成多种 JS 模块形式,发布到 NPM,最后还使用 travis 完成了 CI/CD 流程。
        课程安排:
        1、创建单独的组件库代码库
        2、添加剩余的业务组件8 Y4 ]* f/ {+ \4 ?
        3、使用 rollup 打包生成多种 JS 模块
        4、发布至 npm 和 使用 husky 完成发布前测试
        5、使用 travis 完成组件库 CI/CD 功能. t1 d2 }  W" B/ |& d& O3 q" e: @1 Y
        阶段三:从 0 搭建编辑器服务端
        第14周   服务端技术选型:磨刀不误砍柴工
        本周介绍做服务端必备的技能、框架、工具和服务,以及为何选择他们。 这些都是做服务端开发的基础知识,必须全部掌握,否则接下来开发会遇到很大障碍。
        课程安排:* Z# \6 {% g% c) E
        1、为何选择 koa2 框架,而不是 express egg nest.js6 q. L7 V7 l/ r+ ^* s' @% m0 l
        2、三大常用数据库 Mysql Mongodb Redis
        3、使用 JWT 做登录验证,放弃 Session; H' Q. J9 h- t, [7 i3 E$ y
        4、用 jest 做单元测试和接口测试
        5、pm2 和 nginx 能保证服务端高效稳定运行  p* p- T1 k% i! c; m4 L
        第15周   服务端 CI/CD :github自动化
        CI/CD 是软件开发的必备流程,它可以实现自动发布到测试机,自动部署测试环境。本周我们使用 github actions 和 docker 这两大利器,从 0 实现 CI/CD 流程。+ @1 a5 E( ?5 c6 n3 }
        课程安排:: v" v. I4 b, T
        1、github actions 一颗的 CI/CD 新星
        2、docker 让你一键拥有各种软件环境,如 Mysql
        3、docker-compose 快速搭建测试环境/ P0 k. G6 f0 U/ e& A9 P% \* q7 l
        4、提交代码,自动发布到测试机3 F" a7 ]7 E% |1 u: x
        5、提交代码,自动触发单元测试
        第16周   编辑器服务端基础 API 开发
        本周正式开发业务开发。开发之前要做技术方案设计(接口设计,数据库设计),初始化项目环境和 CI/CD 流程。然后完成所有业务功能开发,同时进行单元测试和接口测试。7 e5 t$ V$ k% H; d. A( k9 H$ P" z
        课程安排:
        1、接口设计,捋一捋需要提供哪些 API7 e+ j3 J4 H( S% O
        2、数据库设计,如何存储更加合理
        3、初始化项目环境,连接数据库,跑通 CI/CD 流程& T+ B- \; w( S4 n' h
        4、各个模块的代码介绍,不会一行一行带着写代码的
        5、单元测试和接口测试,边开发边测试,才能保证稳定性/ K! }3 @' n* L
        第17周   编辑器服务端调用第三方服务
        真正线上项目才需要这些功能,还要花钱购买第三方服务,一般课程不常见到。这些功能很实用,很大众,学完即可照搬到实际项目中。
        课程安排:+ j# w% w. H: O- H" Z& y6 F2 g
        1、用短信验证码实现登录6 R5 G6 f/ t' ~/ v* U& x- ?  {% s
        2、内容安全检查,屏蔽所有黄色、血腥、政治敏感内容4 s2 L7 t& Q* r+ G# ?: d
        3、上传图片到阿里云 OSS
        阶段四:完善B端所有功能,前后端结合和性能优化
        第18周   编辑器组件图层面板功能开发+ y+ M( G: U  Y( j; d, Q& o
        本周继续进行属性编辑面板的功能,完成属性的分组功能,完成图层面板的显示 隐藏 锁定 排序等功能。最后完成背景设置面板的功能,在这个过程中,学习一系列第三方库的使用。
        课程安排:
        1、使用 cropper.js 开发 image processer 组件
        2、同属性分组并且开发 EditGroup 组件# ?9 {$ a- U6 w5 O1 M% p
        3、开发图层面板 并且 使用 vue-draggable-next 完成排序功能
        4、背景设置面板开发
        第19周   让元素动起来 - 编辑器画布交互功能开发
        本周是集中火力在编辑器交互功能上,完成元素的拖动定位,拖动改变大小,快捷键支持,重做,回滚,右键菜单等一系列功能的开发。
        课程安排:: t1 o) T* W( {6 E) F  O
        1、拖动定位功能开发
        2、拖动改变大小功能开发- g+ p+ ]0 B9 |2 [
        3、使用 hotkeys js 开发快捷键功能
        4、实现 Undo Redo 功能
        5、添加右键菜单功能$ C% W3 C* p, ^% h; n5 z+ [! r
        第20周   前后端结合 - 编辑器整合后端接口6 X6 r. S+ s4 Q( i+ Z
        本周开始接入后端开发,实现作品的预览,保存,自动保存,发布和渠道编辑等一系列功能。
        课程安排:
        1、预览功能开发- r8 p# L0 Z, j; f1 Y; |* n' O
        2、保存和自动保存功能
        3、使用 html2canvas 生成截图并发布作品
        4、使用 qrcodejs2 生成二维码并实现渠道编辑功能
        第21周   整合开发B端其他页面的各种功能
        完成了重头戏编辑器,这周来完成其他页面的分析和编码工作,从分析后端接口开始,完成一系列 Vue 应用的通用难点,包括鉴权,全局状态,业务开发 和 使用 Echarts 生成统计图表。+ F1 a( o& x+ p5 _8 U5 r' J5 a5 G- t' u2 W
        课程安排:
        1、各页面功能分析
        2、使用 Postman 分析 Restful 接口
        3、登录页面和单页面应用鉴权的通用处理- O. }3 G: p% U4 [' c' g. R
        4、全局状态(异步Loading,成功,失败)的通用处理( {; M& x/ J- i2 S* ~
        5、首页和我的作品页面开发+ Q, y2 C6 D4 u0 f- L
        6、使用 echarts 生成统计图表
        第22周   优化大型项目的各项性能问题  S* Y% @# J& `& x# P7 _  u" q
        本周来到了大型项目必不可少的环节 - 性能优化。包括 vue 性能的常见优化方案,数据结构的优化以及 webpack 打包分析和优化实施方案的整个过程。3 i4 ^# B, q, z. e0 w
        课程安排:
        1、vue 应用性能优化的常见方案
        2、全局状态数据结构的优化# Q( }: f0 i7 @
        3、webpack 打包分析和优化
        阶段五:完善服务端,发布上线
        第23周   基于Vue3 SSR渲染作品H5页。
        编辑器可以创建、保存和发布作品,但发布后的作品如何查看?本周就来搞定。我们不仅要把 H5 页渲染出来,考虑 H5 前端的各项工作,还要打包、发布静态文件到 OSS 。
        课程安排:
        1、技术方案设计,如何才能渲染出页面' a2 y$ b8 Q- s  ], r1 Q
        2、初始化项目,跑通 CI/CD 流程
        3、Vue3 SSR 渲染页面,基于 lego-components 组件库
        4、webpack 打包文件,发布到 OSS2 @$ r' F: _  h+ G. ]5 L, s
        5、h5 前端功能,如事件跳转、url 参数处理4 ^: Y  G7 ?& H1 \$ V% z) G9 m
        6、h5 响应式,让页面适配所有手机屏幕
        7、微信分享,前后端配合使用微信 jssdk
        第24周   自研统计服务,使作品能实现分渠道统计! I( Z8 [! h2 d# L1 r: n, s2 T
        自定义事件统计,是一个线上产品必备的统计功能。目前市面上没有合适的第三方服务,干脆我们就自研一个。包括收集日志、分析日志、Open API 功能。" J/ x0 |5 E' f; @& O2 o
        课程安排:
        1、技术方案设计,看如何实现一个统计服务
        2、nginx 服务收集统计日志
        3、定时拆分日志文件,按天拆分
        4、定时分析日志,离线计算统计结果,存入数据库
        5、提供 Open API ,获取统计结果
        6、定时清理过期日志文件,让硬盘无压力
        第25周   后台管理:让所有数据都在我们的掌控之中7 r0 s6 w8 X  f9 `% }* T4 G9 B
        一个完善的线上产品,后台管理是必备的模块。我们可以查看网站内容数据,管理用户、作品和模板,推荐优质内容,屏蔽垃圾数据。% E% b3 S: J6 i' K7 R
        课程安排:
        1、需求分析,到底需要查看和管理哪些数据?
        2、技术方案设计,如何实现这些功能- [+ _) t$ @5 q
        3、umijs 脚手架,创建 React 前端项目,跑通 CI/CD
        4、使用 React Hooks 开发前端页面
        5、开发服务端接口,跑通 CI/CD
        6、作业:写各个系统的单元测试和接口测试' \6 K/ R" O8 G2 z# v
        第26周   发布到阿里云服务器,支持快速回滚1 |1 _0 g+ U9 t6 v, Q
        既然是真实的线上产品,就需要购买各种云服务,配置服务器和数据库,然后正式发布到线上环境,一旦遇到问题还要能快速回滚。
        课程安排:" ^" l8 p. N2 y2 }
        1、配置云服务器,安装必备软件: V" \& Z* S/ P# [
        2、配置云数据库,创建账户,开通 IP 白名单
        3、流程设计,基于 git tag 和 github actions 实现发布和回滚
        4、nginx 配置和二级域名转发: ~$ S4 S; J. u" G; \) v7 }
        5、线上日志拆分,nginx 日志和 pm2 日志& R4 z, N; L$ o2 B% ?* r% v
        第27周   运维监控和报警+ o, k  l3 E: H) e
        一个完善的线上产品,必须有完善的运维体系,才能保证稳定运行。包括服务器监控,报警,以及网络安全预防。
        课程安排:
        1、服务器监控,实时检测 CPU 内存 硬盘的健康状况
        2、心跳检测,对接口自动定时“体检”
        3、统一异常处理,出问题 catch 住,不崩溃
        4、报警,有问题第一时间发送邮件和短信
        5、万一出问题或内存泄露,自动重启服务+ o6 X* ]6 o+ A8 h
        6、安全预防,防刷、防爬、防网络攻击
        阶段六:前端发布脚手架开发
        第28周   脚手架发布模块架构设计和核心流程开发, V/ I* F6 P( o# X3 c* d* z
        完成项目开发后,需要进行前端发布,脚手架的@imooc-cli/publish子项目将完成项目和组件的标准发布流程,本周将完成publish包的架构设计和核心流程开发# j' X0 R, N0 N+ K
        课程安排:
        1、掌握项目/组件标准发布流程架构设计和流程图绘制
        2、掌握自动化git流程架构设计和实现细节
        3、掌握云构建实现原理和实现细节
        4、掌握项目/组件发布原理和实现细节( D7 Y* q, y1 \$ F* S# n6 Q& m
        5、完成public子项目创建和主流程开发
        第29周   脚手架发布模块git自动化流程开发
        本周将完成项目发布过程中的git flow流程开发,遵循标准的git flow流程,学会可快速改造和优化日常开发中的git处理流程,巩固git的各种使用技巧和方法。
        课程安排:
        1、掌握git操作方法和git flow流程, O7 _6 J# [7 Y; `3 ~
        2、封装通用的git处理类Git6 @0 N5 l; z: ?) D0 d% l
        3、掌握git处理过程中的缓存结构设计! k+ H$ s) }9 L2 X% M
        4、掌握git处理过程中的各种异常流程3 w7 E& Q/ y/ {/ l# S* U
        5、完成Github & Gitee Open API接入
        6、Git类准备阶段开发,完成各种git配置初始化; y4 {9 E9 K5 O& }2 \8 c. M2 ]
        7、Git类初始化阶段开发,完成git仓库初始化、remote自动关联、强制合8、并远程代码等功能
        9、Git类分支自动比对功能开发,完成代码冲突检查、stash区自动检查、10、自动同步master分支等功能
        11、完成Git类代码自动提交功能开发
        第30周   脚手架发布模块云构建系统开发" G& ^. x7 p! _" f
        git flow流程完成后,我们将进入脚手架中最重要也是难度最高的一个环节,即云构建系统开发,本周我们通过egg.js+WebSocket+Redis最终实现完成云构建模块开发。
        课程安排:; k6 }8 |# l& i6 H! Z1 X
        1、封装通用的云构建类CloudBuild' K% @" p( e" K: {8 g- a9 j
        2、掌握WebSocket通信协议和开发方法
        3、应用egg-socket.io插件快速接入WebSocket服务: D8 K* s! b' Q  ~7 s
        4、掌握Redis缓存数据库的应用8 P# f5 `7 ?; n+ Y, ?% S
        5、应用egg-redis插件快速接入Redis服务% F7 `2 [3 x0 |, q  d  y1 s
        6、完成CloudBuild准备和预发布阶段开发,完成发布前配置和各类检查
        7、掌握服务端CloudBuild处理流程和实现逻辑: B& e. Q! P0 q2 _% `9 E( Q
        8、服务端CloudBuildTask类封装,完成预处理、源码下载、云构建等流程开发
        9、大作业:CloudBuild构建和依赖安装指令动态化功能设计和实现
        第31周   脚手架发布模块云发布功能开发: x# B( w8 \& G' M
        脚手架云构建模块开发完成后,本周将继续完成项目的云发布流程开发。
        课程安排:
        1、掌握前端云发布逻辑实现! }$ Y& M. X: }5 r* H/ y8 Y' Y
        2、掌握oss入门使用方法
        3、完成服务端oss API接入
        4、掌握oss域名绑定+cdn接入
        5、掌握项目预发布和正式发布流程  p. y0 W, m* \3 B8 \( G& c0 _( t
        6、掌握项目回滚等异常流程处理
        7、完成发布后自动打tag和开发分支删除功能
        8、完成发布流程整体开发和联调) u: {* W, ~+ V3 \0 H9 T5 X2 e
        9、大作业:项目回滚+多版本发布功能架构设计和具体实现
        第32周   脚手架组件发布功能开发. @4 L) L* e4 ]7 r+ p
        项目发布流程已经调通,本周将完成组件发布流程开发,组件发布流程和项目不同,主要差异在于:组件需要发布到npm和组件信息需要落库,所以需要不同的处理方式。
        课程安排:. ?. X9 L  n, W3 v0 C* _& c+ k
        1、完成组件git flow流程开发
        2、掌握组件构建和发布流程设计
        3、掌握组件预览功能设计0 G: K8 Q$ D0 O/ U( h% i4 g! U% p. `
        4、完成组件构建和发布流程开发
        5、完成组件预览功能开发* A9 ~( C' D$ p" K8 t# [
        6、掌握RDS开通和使用方法
        7、掌握egg.js+mysql的开发方法& o& a& }8 x7 Z
        8、完成组件相关API的开发方法7 |; E6 Q8 H+ l8 _! {8 r5 D
        9、完成组件发布全流程联调) q! x" z4 E5 a6 f* A2 v6 A% j
        10、完成脚手架整体发布和上线- F" C  o* e( v8 K
        第33周   组件平台开发
        本周将基于umi完成组件库前端部分创建,同时结合react hook开发组件库的前端页面,并将组件库发布上线。
        课程安排:
        1、掌握umi项目的开发方法+ [  d& t0 `8 _) M7 P6 {8 G! D
        2、掌握react hook的开发方法" X6 t& m1 g' b$ o% x  J9 W
        3、完成antd组件库集成) f' s; a  B. Y; m2 t
        4、完成组件列表页开发' _3 X3 n& i* ^( e$ S( j
        5、完成组件详情页开发/ {% u9 P4 t+ {! }0 \2 I
        6、完成组件平台上线
        第34周   项目单元测试用例设计和开发" i. r0 w' B* Z* F) s) K$ Q2 V
        讲解如何开发单元测试用例,并开发测试代码。1 X* G" E$ {: \* `" l3 u
        课程安排:
        1、掌握脚手架单元测试库mocha
        2、掌握测试用例设计技巧
        3、完成脚手架单元测试用例设计( p; W7 R( X. a
        4、完成init库测试用例开发和调试
        5、完成publish库测试用例开发和调试
        阶段七:架构师领导力培养$ L2 o0 ^1 R9 s0 q1 L- q' p
        第35周   大厂如何管理多人协作的研发项目5 y8 B& o  h! `7 h% e2 b  h6 M* \
        本周带领大家进入大厂文化 ,了解大厂如何做项目管理,多人协作的管理,以及团队人员的管理,课程内容复盘,未来技术的发展分析。
        课程安排:6 |( `, i" n7 Z- S2 g" k; h
        1、软件研发流程概述,先有一个整体的认识& i5 ]7 J7 k# j
        2、敏感项目研发流程,以及常用工具) a9 |8 e0 C5 q1 U) H
        3、制定项目计划,包括范围 WBS,时间,质量,风险,沟通% b$ x8 f9 W0 I5 n- Y6 `1 C' y" [
        4、计划监控,保证计划顺利执行, w8 I/ O9 x- s! p6 a( R4 M5 S/ o
        5、项目功能迭代和 bug 修复
        6、多人协作、工作分配和跟踪& `/ n0 o- a) f- Q0 P- o3 N' X
        7、大厂绩效考核标准
        8、大厂人员面试标准
        9、大厂数值汇报方法和技巧
        10、大厂标准的工作交流方式
        11、整个课程内容复盘
        12、未来的技术展望/





作者: 前端小蜗牛    时间: 2022-5-22 21:21
非常感谢分享啊啊啊
作者: grace    时间: 2022-5-23 12:21
参考学习谢谢
作者: boboyu    时间: 2022-5-28 11:44
666666666666666666666666
作者: leopold    时间: 2022-6-1 17:32
实打实实打实,最新视频呢???

作者: yangsl    时间: 2022-6-3 21:28
1234567890
作者: crazy-code-boy    时间: 2022-6-13 23:37
非常感谢分享啊啊啊
作者: gusong    时间: 2022-6-17 05:54
xxxxxxxxxxxxxx
作者: control    时间: 2022-6-17 10:29
RE: Web前端架构师(更新至34周) [修改]

作者: ypq657318304    时间: 2022-8-9 17:00
参考学习谢谢
作者: mayer    时间: 2022-8-31 10:27
xiexielea666
作者: miaolei    时间: 2022-9-7 13:37
Web前端架构师(更新至34周
作者: xiao9527    时间: 2022-10-14 21:58
非常感谢,666
作者: virjay    时间: 2022-10-23 00:05
未来的技术展望
作者: cyr    时间: 2022-12-18 13:12
查看.....
作者: 满哥儿    时间: 2023-2-13 16:15
看看怎么样
作者: s1346520    时间: 2023-2-22 17:05
好东西,感谢分享
作者: 前端小兴    时间: 2023-3-1 14:46

非常感谢分享啊啊啊
作者: edisonhcg    时间: 2023-3-10 13:55
感谢分享感谢分享感谢分享感谢分享感谢分享感谢分享
作者: xyf    时间: 2023-4-11 15:59
感谢楼主分享!
作者: zxhero0110    时间: 2023-4-25 21:34
不错的东西
作者: 920702811    时间: 2023-8-17 20:14
的发给挖氛围
作者: 920702811    时间: 2023-8-17 20:14
个人个人个人汇报一头牛好单位打完大的哇
作者: ifer    时间: 2023-8-22 17:01
gfdgggggggggggggggggggggggg




欢迎光临 学途无忧 (https://www.xuetu123.com/) Powered by Discuz! X3.2