专题：深度培训

一、课程概述

在表面上，微前端比你认为的更简单，特别是在 Angular 项目中；在深层次，微前端却远比你认为的更难。Angular 诞生的时间虽然远比微前端的概念早，但是它的一些设计却暗合微前端的思想。这不是巧合，而是在偶然之中蕴藏着必然性。

我将深入剖析微前端的需求来源与思路，并示范如何在 Angular 项目中轻松引入微前端技术。这里面涉及的主要知识点都是框架无关的，因此你不需要有 Angular 背景。

二、课程大纲

理论篇：

  1. 微化架构基础

    介绍前后端通用的架构知识，主要面向架构基础薄弱的资深前端

  2. 微前端基础

    介绍微前端涉及到的前端知识，主要面向前端基础薄弱的后端背景架构师

  3. 微前端方案解析

    介绍微前端问题域及候选解决方案

实战篇：一个小型应用门户   

  1. 基础技术：Angular Elements、CDK

  2. 动手编程：学员分组动手实现应用门户（根据报名者信息预先分组，每组内尽量前后端背景的学员搭配）

  3. Code Review：讲师检视学员代码，并提出改进建议和扩展知识点

  4. 技术展望与个人发展建议：总结技术发展脉络，分享我这个老农的心路历程，答疑解惑听众受益

三、听众收益

  1. 你将切实体会到各技术领域都是相通的。

  2. 你会了解到微前端的来龙去脉，并对技术走向有自己的认识。

  3. 我将带你思考：千变万化的技术发展进程中，有哪些东西是不变的。

四、听懂我的演讲，需要具备这些知识储备

  1. 不需要有前端知识，对较难的前端知识点我会稍加解释。

  2. 必须有架构设计和项目管理经验。

  3. 熟知团队协作的痛点。

  4. 最好读过《架构整洁之道》。

  5. 最好有 DDD 和/或 微服务经验。

1. Flutter 原理

• 简介
• Dart (基础、包管理、线程模型、编译模式)
• Flutter (Widget、 State、⽣命周期、事件、主题、路由与导航栈等)

2. Flutter 实践

• Dart (⽹络、JSON、存储)
• Channel 拓展 Native 能⼒
• PlatformView 拓展渲染
• 混合开发模型(⼯程、构建、导航)
• 开发(HotReload、框架、多语⾔、不同屏幕适配、测试、APM等)

3. Flutter 提效调优

• Flutter 辅助⼯具(HotUI、Inspector、 Performance Overlay、 DevTools)
• Observatory
• Skia

4. Flutter深⼊

• 多端多平台的原理与实践
• Flutter 定制 (Dart、⼯具链、引擎)等
• Flutter 渲染链路
• Flutter 包⼤⼩分析
• HotReload 原理
• 初识 Dill
• Snapshot 机制

5. Q&A