微信扫一扫 分享朋友圈

已有 5743 人浏览分享

开启左侧

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

[复制链接]
5743 5
价格 
40 ¥
课时 
16小时 课时
类别 
前端开发 前沿技术 Vue.js Node.js 
等级 
中级
服务保证 
MP4无密 画质超清 包含源码 同步完结 
提取码 
购买后可查看
讲师介绍
yancy

教材简介
目录
为什么要学微前端架构?当你的项目越来越复杂,工程越来越大,代码冲突越来越频繁,打包越来越慢的时候,就该好好学习下微前端架构了。本课程将带你从零打造一个微前端框架,并实战一个汽车资讯平台,让你系统掌握微前端架构设计与落地能力,轻松解构巨型应用。
第1章 课程简介 试看1 节 | 7分钟
课程导学,介绍课程大概内容:课程安排、目标、学习人群等。

收起列表
视频:
1-1 导学 (06:23)
试看
第2章 架构基础知识11 节 | 102分钟
万变不离其宗,没有一种架构是凭空想象出来的,每一种架构实践方式都是有基础的内容搭建起来的,通过基础知识内容的介绍,可以更根本的了解到做架构设计的时候需要考虑哪些内容,如何更加合理的进行项目的架构设计工作,由浅入深,逐步踏入架构的门槛。同时,基础知识的讲解也有助于大家建立完整的架构知识体系。 ...

收起列表
视频:
2-1 前端架构的前世今生 (17:31)
视频:
2-2 软件设计原则与分层(1) (04:37)
视频:
2-3 软件设计原则与分层(2) (05:11)
视频:
2-4 软件设计原则与分层(3) (06:24)
视频:
2-5 软件设计原则与分层(4) (08:02)
视频:
2-6 架构设计的质量-健壮性和稳定性 (11:41)
视频:
2-7 架构前期准备 (13:45)
视频:
2-8 技术填补与崩溃预防(1) (18:38)
视频:
2-9 技术填补与崩溃预防(2) (05:34)
视频:
2-10 系统重构(1) (07:51)
视频:
2-11 系统重构(2) (02:13)
第3章 基础准备工作 试看3 节 | 33分钟
凡事预则立不预则废,在做架构设计和架构实践之前,做好充分的准备工作,然后按照预先设定好的步骤一步步实现理想的架构设计,同时,架构设计工作并不仅仅由架构师完成,更重要的是要调动全员完成架构设计,也需要让项目组所有成员理解并认同自己的架构设计初衷,齐心协力完成架构设计工作。 ...

收起列表
视频:
3-1 微前端实现方式对比 (11:03)
试看
视频:
3-2 技术选型-确定技术栈 (07:41)
试看
视频:
3-3 绘制项目架构图 (13:51)
第4章 应用开发16 节 | 141分钟
子应用:采用四种使用最多的框架技术完成子应用,确保在正常的工作中可以学以致用,同时也有助于每个人都可以按照自己的项目实际进行子应用的搭建和改造工作,每种子应用改造的方式大同小异,需要从细节处着手,将每个子应用完美的接入到微前端中。 主应用:主应用起到整体的调度作用,按照对应的路由匹配规则渲染对应的子...

收起列表
视频:
4-1 vue2子应用-新能源页面 (10:51)
视频:
4-2 vue3子应用-首页、选车页面 (14:15)
视频:
4-3 react15子应用-资讯、视频、视频详情 (11:39)
视频:
4-4 react16子应用-新车、排行、登录(1) (02:04)
视频:
4-5 react16子应用-新车、排行、登录(2) (03:26)
视频:
4-6 react16 子应用-新车、排行、登录(3) (01:21)
视频:
4-7 react16子应用-登录、新车、排行(4) (10:48)
视频:
4-8 构建一个后端服务 (14:29)
视频:
4-9 后端服务请求处理(1) (11:58)
视频:
4-10 后端服务请求处理(2) (09:23)
视频:
4-11 子应用接入微前端-vue2 (1) (06:46)
视频:
4-12 子应用接入微前端-vue2 (2) (11:28)
视频:
4-13 子应用接入微前端 - vue3(1) (06:03)
视频:
4-14 子应用接入微前端 - vue3(2) (05:52)
视频:
4-15 子应用接入微前端 - react15 (12:12)
视频:
4-16 子应用接入微前端 - react16 (08:22)
第5章 微前端框架开发 - 框架初长成10 节 | 162分钟
实现微前端框架基础功能,包括:应用注册、路由拦截、主应用生命周期添加、微前端生命周期添加、加载和解析html、加载和解析js、渲染、执行脚本文件等内容。

收起列表
视频:
5-1 项目整体介绍 (09:44)
视频:
5-2 中央控制器 - 主应用开发 (16:35)
视频:
5-3 子应用注册 (19:20)
视频:
5-4 微前端框架 - 路由拦截 (13:14)
视频:
5-5 微前端框架 - 获取首个子应用 (13:36)
视频:
5-6 微前端框架 - 主应用生命周期 (10:46)
视频:
5-7 微前端框架 - 微前端生命周期 (20:08)
视频:
5-8 获取需要展示的页面 - 加载和解析html (23:18)
视频:
5-9 加载和解析js (15:46)
视频:
5-10 执行js脚本 (18:42)
第6章 微前端框架开发 - 添加辅助功能14 节 | 131分钟
给微前端添加其他辅助功能,包含以下内容:预加载、应用通信、全局stroe、错误收集和信息提示等功能。

收起列表
视频:
6-1 微前端环境变量设置 (1) (08:30)
视频:
6-2 微前端环境变量设置 (2) (07:52)
视频:
6-3 运行环境隔离 - 快照沙箱 (15:08)
视频:
6-4 运行环境隔离 - 代理沙箱 (19:58)
视频:
6-5 css样式隔离 (14:22)
视频:
6-6 应用间通信 - 父子通信(1) (03:35)
视频:
6-7 应用间通信 - 父子通信(2) (14:19)
视频:
6-8 应用间通信 - 父子通信(3) (07:36)
视频:
6-9 应用间通信 - 子应用间通信 (12:19)
视频:
6-10 全局状态管理 - 全局store(1) (04:52)
视频:
6-11 全局状态管理 - 全局store(2) (05:02)
视频:
6-12 全局状态管理 - 全局store(3) (02:35)
视频:
6-13 提高加载性能 - 应用缓存 (06:26)
视频:
6-14 提高加载性能 - 预加载子应用 (07:35)
第7章 微前端框架开发 - 实现自动发布8 节 | 60分钟
微前端框架和主应用子应用的发布流程,学着如何部署一个微前端所有内容。

收起列表
视频:
7-1 框架发布 – 通过npm发布框架 (1) (06:17)
视频:
7-2 框架发布 – 通过npm发布框架 (2) (08:25)
视频:
7-3 应用部署 - 创建自动部署平台(1) (08:30)
视频:
7-4 应用部署 - 创建自动部署平台 (2) (08:42)
视频:
7-5 实现应用的自动化部署 (1) (07:46)
视频:
7-6 实现应用的自动化部署 (2) (02:14)
视频:
7-7 实现应用的自动化部署 (3) (09:32)
视频:
7-8 质量保证 - 如何实现主子应用测试 (07:46)
第8章 使用现有框架 qiankun 重写13 节 | 84分钟
使用现有的成熟的为前端框架内容来将项目重写,理解热门的微前端框架是如何实现的。怎样使用现有为前端框架更低成本的改写子应用。比较成熟的微前端框架和自己实现的框架之间有哪些异同点,一步步将自己的微前端框架补充完善,以致于能真正用于生产环境中。...

收起列表
视频:
8-1 使用qiankun重构项目 (16:29)
视频:
8-2 qiankun源码分析-应用注册 (04:56)
视频:
8-3 qiankun源码分析 - 应用加载 (07:32)
视频:
8-4 qiankun源码分析 - 沙箱隔离 (05:15)
视频:
8-5 qiankun源码分析 - 全局状态管理 (03:05)
视频:
8-6 qiankun源码分析 - 预加载 (02:09)
视频:
8-7 使用single-spa重构项目(1) (03:08)
视频:
8-8 使用single-spa重构项目(2) (04:43)
视频:
8-9 使用single-spa重构项目(3) (07:03)
视频:
8-10 使用single-spa重构项目(4) (05:02)
视频:
8-11 使用single-spa重构项目(5) (14:24)
视频:
8-12 使用single-spa重构项目(6) (02:26)
视频:
8-13 single-spa源码介绍 (07:44)
本课程已完结





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


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

1:《从零打造微前端框架:实战“汽车资讯平台”项目》来自某课网,原价368,由求索整理发布!
2: 本站所有课程MP4格式无密 超清原画,包含所有的视频+素材+课件+源码,官方同步体验!可以通过网盘在线学习也可下载到本地,方便快           捷!
3: 所有课程全部支持试看任何章节,可通过点击右侧官方QQ客服或者微信扫码添加要求试看!
4: 官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,某课吧,某课时间....等课程正在陆续更新,感谢小伙伴们的信任与支持,保证让小伙          伴们满意!
5:本站所有课程永久免费包更新,包括老师后续二次更新,三次更新不等。
6:VIP权限:爱好学习,一直提升自己的小伙伴可以开通VIP会员,享受全站免金币无限制畅快学习!本站所有视频均可免费学习,包括后续上传        的所有课程!(无隐形消费
7:点击下方链接进行试看,在线看默认流畅,调节成原画,最好直接下载到本地是超清    
    试看链接:https://pan.baidu.com/s/1jSqJgCa-Imwa2wjLDP40mg
    提取码:ydib


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

举报 使用道具

回复

评论 103

重拾记忆的爱  新手上路  发表于 2021-7-30 15:50:49 | 显示全部楼层
沙发!沙发!

举报 使用道具

回复
ukevubtub  新手上路  发表于 2021-8-8 12:59:39 | 显示全部楼层
帮你顶下哈!!

举报 使用道具

回复
uxawejhlaz  新手上路  发表于 2021-8-8 13:10:36 | 显示全部楼层
我抢、我抢、我抢沙发~

举报 使用道具

回复
emawodakw  新手上路  发表于 2021-8-10 13:19:08 | 显示全部楼层
不错不错,楼主您辛苦了。。。

举报 使用道具

回复
egiqutiiguso  新手上路  发表于 2021-8-27 16:26:32 | 显示全部楼层
好好 学习了 确实不错

举报 使用道具

回复
f绗菲海9  新手上路  发表于 2021-9-3 09:14:31 | 显示全部楼层
资料确实齐全,哈哈在网上被骗怕了,问的有点多客服小姐姐见笑了哈,给你个好评!

举报 使用道具

回复
uboqasoa  新手上路  发表于 2021-9-4 01:12:56 | 显示全部楼层
点赞 真的不错!

举报 使用道具

回复
ikelariuce  新手上路  发表于 2021-9-6 17:27:38 | 显示全部楼层
刚刚开通终身会员了,给我个网盘

举报 使用道具

回复
iqeyumab  新手上路  发表于 2021-9-8 15:08:09 | 显示全部楼层
有没有一起学习的呀

举报 使用道具

回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0

关注

0

粉丝

369

主题
精彩推荐
热门资讯
网友晒图
图文推荐
  • 联系我们
  • 邮箱:826110188#qq.com(请把#改成@)
  • 微信:qiusuo1024
  • QQ客服 826110188
  • 工作时间:周一至周天(早8点—凌晨2点)
  • 微信客服

  • QQ客服

Archiver|手机版|小黑屋| 求索学院 ( 鲁ICP备20032687号-1 )

GMT+8, 2022-1-18 18:36 , Processed in 0.136909 second(s), 42 queries .

Powered by Discuz! X3.4

© 2001-2020 Comsenz Inc.