从零打造微前端框架:实战“汽车资讯平台”项目课程介绍

 

为什么要学微前端架构?当你的项目越来越复杂,工程越来越大,代码冲突越来越频繁,打包越来越慢的时候,就该好好学习下微前端架构了。本课程将带你从零打造一个微前端框架,并实战一个汽车资讯平台,让你系统掌握微前端架构设计与落地能力,轻松解构巨型应用。

适合人群
2~5 年前端开发人员
初中级架构设计人员
技术储备
具备 2 年前端工程师必备基础和框架技术,如:Nodejs 基础、Vue/React/ Angular 基础。
环境参数
前端 vue2/3、react15/16
后端 koa
发布平台 express

学员评价:

课程设计很好,从前端架构历史,到代码设计,项目实战,微前端应用及微前端框架,可以看出作者非常用心设计了这个课程,课程讲解中体现出作者技术实力很强,群里热心解决大家的问题,非常负责,慕课很好的一次购课体验,对我来说受益匪浅,大家可以根据自己需要选择是否要购买。

 

从零打造微前端框架:实战“汽车资讯平台”项目课程目录

├── 第1章课程简介
│   └── 1-1导学.mp4
├── 第2章架构基础知识
│   ├── 2-10系统重构(1).mp4
│   ├── 2-11系统重构(2).mp4
│   ├── 2-1前端架构的前世今生.mp4
│   ├── 2-2软件设计原则与分层(1).mp4
│   ├── 2-3软件设计原则与分层(2).mp4
│   ├── 2-4软件设计原则与分层(3).mp4
│   ├── 2-5软件设计原则与分层(4).mp4
│   ├── 2-6架构设计的质量-健壮性和稳定性.mp4
│   ├── 2-7架构前期准备.mp4
│   └── 2-8技术填补与崩溃预防(1).mp4
├── 第3章基础准备工作
│   ├── 3-1微前端实现方式对比.mp4
│   ├── 3-2技术选型-确定技术栈.mp4
│   └── 3-3绘制项目架构图.mp4
├── 第4章应用开发
│   ├── 4-10后端服务请求处理(2).mp4
│   ├── 4-11子应用接入微前端-vue2(1).mp4
│   ├── 4-12子应用接入微前端-vue2(2).mp4
│   ├── 4-13子应用接入微前端-vue3(1).mp4
│   ├── 4-14子应用接入微前端-vue3(2).mp4
│   ├── 4-15子应用接入微前端-react15.mp4
│   ├── 4-16子应用接入微前端-react16.mp4
│   ├── 4-1vue2子应用-新能源页面.mp4
│   ├── 4-2vue3子应用-首页、选车页面.mp4
│   ├── 4-3react15子应用-资讯、视频、视频详情.mp4
│   ├── 4-4react16子应用-新车、排行、登录(1).mp4
│   ├── 4-5react16子应用-新车、排行、登录(2).mp4
│   ├── 4-6react16子应用-新车、排行、登录(3).mp4
│   ├── 4-7react16子应用-登录、新车、排行(4).mp4
│   └── 4-8构建一个后端服务.mp4
├── 第5章微前端框架开发-框架初长成
│   ├── 5-1中央控制器-主应用开发.mp4
│   ├── 5-2子应用注册.mp4
│   ├── 5-3微前端框架-路由拦截.mp4
│   ├── 5-4微前端框架-获取首个子应用.mp4
│   ├── 5-5微前端框架-主应用生命周期.mp4
│   ├── 5-6微前端框架-微前端生命周期.mp4
│   ├── 5-7获取需要展示的页面-加载和解析html.mp4
│   └── 5-8加载和解析js.mp4
├── 第6章微前端框架开发-添加辅助功能
│   ├── 6-10全局状态管理-全局store(1).mp4
│   ├── 6-11全局状态管理-全局store(2).mp4
│   ├── 6-12全局状态管理-全局store(3).mp4
│   ├── 6-13提高加载性能-应用缓存.mp4
│   ├── 6-1微前端环境变量设置(1).mp4
│   ├── 6-2微前端环境变量设置(2).mp4
│   ├── 6-3运行环境隔离-快照沙箱.mp4
│   ├── 6-4运行环境隔离-代理沙箱.mp4
│   ├── 6-5css样式隔离.mp4
│   ├── 6-6应用间通信-父子通信(1).mp4
│   ├── 6-7应用间通信-父子通信(2).mp4
│   ├── 6-8应用间通信-父子通信(3).mp4
│   └── 6-9应用间通信-子应用间通信.mp4
├── 第7章微前端框架开发-实现自动发布
│   ├── 7-1框架发布–通过npm发布框架(1).mp4
│   ├── 7-2框架发布–通过npm发布框架(2).mp4
│   ├── 7-3应用部署-创建自动部署平台(1).mp4
│   ├── 7-4应用部署-创建自动部署平台(2).mp4
│   ├── 7-5实现应用的自动化部署(1).mp4
│   ├── 7-6实现应用的自动化部署(2).mp4
│   └── 7-7实现应用的自动化部署(3).mp4
├── 第8章使用现有框架qiankun重写
│   ├── 8-10使用single-spa重构项目(4).mp4
│   ├── 8-11使用single-spa重构项目(5).mp4
│   ├── 8-12使用single-spa重构项目(6).mp4
│   ├── 8-13single-spa源码介绍.mp4
│   ├── 8-1使用qiankun重构项目.mp4
│   ├── 8-2qiankun源码分析-应用注册.mp4
│   ├── 8-3qiankun源码分析-应用加载.mp4
│   ├── 8-4qiankun源码分析-沙箱隔离.mp4
│   ├── 8-5qiankun源码分析-全局状态管理.mp4
│   ├── 8-6qiankun源码分析-预加载.mp4
│   ├── 8-7使用single-spa重构项目(1).mp4
│   ├── 8-8使用single-spa重构项目(2).mp4
│   └── 8-9使用single-spa重构项目(3).mp4
├── 资料
│   └── mirco-web-test-master.zip
└── 最新更新
├── 2-9技术填补与崩溃预防(2).mp4
├── 4-9后端服务请求处理(1).mp4
├── 5-1项目整体介绍.mp4
├── 5-9加载和解析js.mp4
├── 6-14提高加载性能-预加载子应用.mp4
└── 7-8质量保证-如何实现主子应用测试.mp4

 

发表回复

登录... 后才能评论