023-从0到1落地微前端架构,MicroApp实战招聘网站
# 课程介绍:
能够应对不同技术栈、不同构建工具的巨石应用架构是前端高级工程师的衡量标准之一。本课程为你提供一套大型中台项目构建、多技术栈项目融合的最佳落地方案,并结合主流微前端框架MicroApp,流行技术栈Vue3、React18、Nuxt2、Vue2、Vite、Webpack最终聚合实现多个子应用的大型招聘网站,助力你成长为独当一面、具备team leader潜质的前端高级工程师。
# 课程亮点
- 掌握整套微前端架构解决方案
- 训练前端多应用架构设计思维
- 收获从0到1落地微前端的经验
- 强化Vue3、Nuxt2等主流技术
- 提升多项目多技术栈融合能力
- 提高多角色分工与协作开发力
# 课程目录
# 第1章 课程介绍
# 第2章 为什么前端工程师都应该学习微前端?
了解微前端的应用场景,并对市面上的多种微前端基数方案进行比较,加深对微前端架构思想的理解
# 第3章 微前端技术选型&微前端架构设计方案
进行实战项目的技术栈选型,确定使用微前端框架micro-app,并阐明它的优势
# 第4章 开发环境搭建&后端API联调说明
开发环境准备
# 第5章 微前端实战1—主应用main-vue3
扮演上帝视角,使用Vue3技术栈构建子应用,构建基座应用,对未来多个子应用进行统筹,具备无缝衔接微应用的能力
# 第6章 微前端实战2—子应用child-nuxt2-home
扮演研发团队A角色,使用Nuxt2技术栈构建子应用,详解Nuxt2子应用如何接入微前端体系,最终实现了【首页】业务模块相关功能
# 第7章 微前端实战3—子应用child-vue2-job
扮演研发团队B角色,使用Vue2技术栈构建子应用,详解Vue2子应用如何接入微前端体系,最终实现了【职位】业务模块相关功能
# 第8章 微前端实战4—子应用child-vue3-enterprise
扮演研发团队C角色,使用Vue3技术栈构建子应用,详解Vue3+Vite子应用如何接入微前端体系,最终实现了【企业】业务模块相关功能
# 第9章 微前端实战5—子应用child-react18-about
扮演研发团队D角色,使用React18技术栈构建子应用,详解React18+Webpack子应用如何接入微前端体系,最终实现了【关于我们】业务模块相关功能
# 第10章 沙箱隔离&加载&缓存&数据通信&跨应用跳转等能力拓展
通过实际案例和具体业务场景,解析微前端框架的多种能力:沙箱隔离能力、加载能力、缓存能力、数据通信能力、跨应用跳转能力
# 第11章 微前端性能优化实践
逐一对主、子应用进行交互、打包优化,进一步提升巨石应用整体性能
# 第12章 微前端应用如何优雅上线?
将实战项目从本地环境提升到了生产环境,通过对主、子应用的依次部署,确保微前端应用在生产环境的稳定性,学会如何将一个微前端应用成功部署上线
# 第13章 工程化微前端的另一种方案
为中小产研团队提供一种更合理的架构方案
# 第14章 课程总结
资源下载 (opens new window) 提取码:http://dt1.8tupian.net/2/29369a325b200.pg1