首页 实战 从0打造微前端框架,实战汽车资讯平台
收藏

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

专为2~5年前端工程师打造的架构能力提升课

从0打造微前端框架,实战汽车资讯平台

难度 高级 时长 16小时 学习人数 362 综合评分 10.00

从0打造微前端框架,实战汽车资讯平台

搞定微前端架构设计-高薪必学
套餐价格:¥590.00
2门课 总价:¥656.00
立即购买

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

yancy
讲师

高级架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
课程目标

一课掌握微前端架构设计+项目开发+框架底层原理

构建微前端知识体系

·  覆盖微前端全部核心技术

·  体验微前端运行全流程

学会微前端框架设计

·  从零到搭建一套微前端框架

·  独立完成微前端架构落地

掌握微前端设计思维

·  掌握不同功能服务下的架构
   设计思想

·  具备中大型项目软件架构、
   功能模块设计思维

课程亮点

涵盖微前端99%核心知识点,不仅学得全面,更要学得通透

手把手教会你打造一个高质量的微前端框架

慕车资讯平台 —— 微前端架构图

技术栈选型
实现方式对比
明确架构设计
微前端框架开发
使用微前端框架重构

真实案例驱动教学,快速提升微前端架构全流程落地能力

vue2 选车中心、
城市选择等功能
vue3 登录、首页、
详情等功能
react15 车型对比
车型预览等功能
react16
购物车等功能
课程大纲
第1章 课程简介
课程导学,介绍课程大概内容:课程安排、目标、学习人群等。
第2章 架构基础知识
万变不离其宗,没有一种架构是凭空想象出来的,每一种架构实践方式都是有基础的内容搭建起来的,通过基础知识内容的介绍,可以更根本的了解到做架构设计的时候需要考虑哪些内容,如何更加合理的进行项目的架构设计工作,由浅入深,逐步踏入架构的门槛。同时,基础知识的讲解也有助于大家建立完整的架构知识体系。
第3章 基础准备工作
凡事预则立不预则废,在做架构设计和架构实践之前,做好充分的准备工作,然后按照预先设定好的步骤一步步实现理想的架构设计,同时,架构设计工作并不仅仅由架构师完成,更重要的是要调动全员完成架构设计,也需要让项目组所有成员理解并认同自己的架构设计初衷,齐心协力完成架构设计工作。
第4章 应用开发
子应用:采用四种使用最多的框架技术完成子应用,确保在正常的工作中可以学以致用,同时也有助于每个人都可以按照自己的项目实际进行子应用的搭建和改造工作,每种子应用改造的方式大同小异,需要从细节处着手,将每个子应用完美的接入到微前端中。 主应用:主应用起到整体的调度作用,按照对应的路由匹配规则渲染对应的子应用内容,同时兼顾所有公共依赖内容的接入,主要逻辑的处理和子应用通信等方面的工作,主应用的开发也需要根据实际的项目场景来实现,选择最适合当前环境的技术栈来实现主应用内容。
第5章 微前端框架开发 - 框架初长成
实现微前端框架基础功能,包括:应用注册、路由拦截、主应用生命周期添加、微前端生命周期添加、加载和解析html、加载和解析js、渲染、执行脚本文件等内容。
查看完整目录
专属服务

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
学练一体
课程不仅包括视频讲解,还提供相关
练习、巩固学习效果的环节。
源码开放
课程案例代码完全开放给你,你可以根
据所学知识,自行修改、优化。
独家“动态”教辅材料
丰富的教辅材料实时上传。
适合人群
2~5 年前端开发人员
初中级架构设计人员
技术储备
具备 2 年前端工程师必备基础和框架技术,如:Nodejs 基础、Vue/React/ Angular 基础。
环境参数
前端 vue2/3、react15/16
后端 koa
发布平台 express
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题