值不值得学：先看你的工作场景是否匹配

Flutter 解决的核心场景是“一份代码跑多端”。如果你所在团队经常面临 iOS 和 Android 双端重复开发、人手却始终凑不齐，或者你需要一个人快速包揽移动端、Web 端甚至桌面端的产品交付，这门技术能直接削减近一半的 UI 适配工作量。它不是万能银弹，在重度原生硬件调用、极致底层音视频处理上仍有短板，但对于常规商业 App、企业内部工具和带交互的展示页面，它的渲染效率和界面一致性已经足够扛事。是否值得学，取决于你日常是否被跨端 UI 重复劳动拖拽。如果是，这门课的投入产出比很明确；如果你只做纯后端或纯数据流处理，大可不必跟风。

适合什么基础：别跳过环境与语言直接写界面

这套资料默认你写过前端或移动端代码，懂基本的组件化思路。如果你有 JavaScript 或 Java 背景，上手会顺很多；纯零基础转行的人直接啃会卡在异步机制和渲染原理上。资料里的预习篇是给所有人兜底的，建议不管什么基础都先过一遍工程环境搭建和 Dart 语言概览。Dart 的语法不难，但它的异步隔离和运行机制决定了你后面写复杂交互时会不会踩内存泄漏的坑。不要急着跳到列表滑动和动画效果那些看起来出成果的章节，底层概念没吃透，后面遇到白屏或卡顿根本无从排查。

资料怎么用：图文配音频，手敲比看懂重要

这份资料是图文加音频的组合。建议先听音频建立整体印象，再精读图文抠细节。学习节奏上，先把跨平台方案的历史逻辑看懂，明白 Flutter 为什么选择自绘引擎而不是走原生控件桥接，这能帮你理解后续很多 API 的设计取舍。练习时，不要只满足于把示例跑起来，每学完一个核心模块就逼自己改写一遍：比如把官方的静态列表改成带网络请求的下拉刷新，或者把简单的路由替换成带参数传递的命名路由。学完这门课，你应该能独立搭建一个带状态管理、网络请求和本地持久化的完整 App，并且具备排查基础渲染问题的能力。把每个小节的代码亲手敲一遍，遇到报错先查官方文档再翻资料，这套流程走完才算把知识内化成自己的生产力。


来自Google的高性能跨平台开发框架

课程目录

*   01 课前必读/

  *   01 开篇词 为什么每一位大前端从业者都应该学习Flutter.html (0.24 MB)

  *   01 开篇词 为什么每一位大前端从业者都应该学习Flutter.mp3 (7.10 MB)

  *   02 01 预习篇 从0开始搭建Flutter工程环境.html (2.87 MB)

  *   02 01 预习篇 从0开始搭建Flutter工程环境.mp3 (10.21 MB)

  *   03 02 预习篇 Dart语言概览.html (0.11 MB)

  *   03 02 预习篇 Dart语言概览.mp3 (9.80 MB)

*   02 Flutter开发起步/

  *   01 03 深入理解跨平台方案的历史发展逻辑.html (0.50 MB)

  *   01 03 深入理解跨平台方案的历史发展逻辑.mp3 (10.72 MB)

  *   02 04 Flutter区别于其他方案的关键技术是什么.html (1.16 MB)

  *   02 04 Flutter区别于其他方案的关键技术是什么.mp3 (15.05 MB)

  *   03 05 从标准模板入手，体会Flutter代码是如何运行在原生系统上的.html (0.27 MB)

  *   03 05 从标准模板入手，体会Flutter代码是如何运行在原生系统上的.mp3 (10.61 MB)

*   03 Dart语言基础/

  *   01 06 基础语法与类型变量：Dart是如何表示信息的.html (0.36 MB)

  *   01 06 基础语法与类型变量：Dart是如何表示信息的.mp3 (7.67 MB)

  *   02 07 函数、类与运算符：Dart是如何处理信息的.html (0.25 MB)

  *   02 07 函数、类与运算符：Dart是如何处理信息的.mp3 (10.17 MB)

  *   03 08 综合案例：掌握Dart核心特性.html (0.15 MB)

  *   03 08 综合案例：掌握Dart核心特性.mp3 (9.85 MB)

*   04 Flutter基础/

  *   01 09 Widget，构建Flutter界面的基石.html (0.57 MB)

  *   01 09 Widget，构建Flutter界面的基石.mp3 (9.61 MB)

  *   02 10 Widget中的State到底是什么.html (0.26 MB)

  *   02 10 Widget中的State到底是什么.mp3 (11.10 MB)

  *   03 11 提到生命周期，我们是在说什么.html (0.47 MB)

  *   03 11 提到生命周期，我们是在说什么.mp3 (11.80 MB)

  *   04 12 经典控件（一）：文本、图片和按钮在Flutter中怎么用.html (2.41 MB)

  *   04 12 经典控件（一）：文本、图片和按钮在Flutter中怎么用.mp3 (11.01 MB)

  *   05 13 经典控件（二）：UITableViewListView在Flutter中是什么.html (20.66 MB)

  *   05 13 经典控件（二）：UITableViewListView在Flutter中是什么.mp3 (12.28 MB)

  *   06 14 经典布局：如何定义子控件在父容器中排版的位置.html (0.82 MB)

  *   06 14 经典布局：如何定义子控件在父容器中排版的位置.mp3 (11.23 MB)

  *   07 15 组合与自绘，我该选用何种方式自定义Widget.html (1.36 MB)

  *   07 15 组合与自绘，我该选用何种方式自定义Widget.mp3 (10.49 MB)

  *   08 16 从夜间模式说起，如何定制不同风格的App主题.html (0.88 MB)

  *   08 16 从夜间模式说起，如何定制不同风格的App主题.mp3 (8.72 MB)

  *   09 17 依赖管理（一）：图片、配置和字体在Flutter中怎么用.html (0.71 MB)

  *   09 17 依赖管理（一）：图片、配置和字体在Flutter中怎么用.mp3 (9.51 MB)

  *   10 18 依赖管理（二）：第三方组件库在Flutter中要如何管理.html (0.38 MB)

  *   10 18 依赖管理（二）：第三方组件库在Flutter中要如何管理.mp3 (9.72 MB)

  *   11 19 用户交互事件该如何响应.html (1.55 MB)

  *   11 19 用户交互事件该如何响应.mp3 (9.49 MB)

  *   12 20 关于跨组件传递数据，你只需要记住这三招.html (4.64 MB)

  *   12 20 关于跨组件传递数据，你只需要记住这三招.mp3 (9.07 MB)

  *   13 21 路由与导航，Flutter是这样实现页面切换的.html (4.99 MB)

  *   13 21 路由与导航，Flutter是这样实现页面切换的.mp3 (8.92 MB)

*   05 Flutter进阶/

  *   01 22 如何构造炫酷的动画效果.html (3.98 MB)

  *   01 22 如何构造炫酷的动画效果.mp3 (9.93 MB)

  *   02 23 单线程模型怎么保证UI运行流畅.html (3.62 MB)

  *   02 23 单线程模型怎么保证UI运行流畅.mp3 (17.80 MB)

  *   03 24 HTTP网络编程与JSON解析.html (0.14 MB)

  *   03 24 HTTP网络编程与JSON解析.mp3 (13.24 MB)

  *   04 25 本地存储与数据库的使用和优化.html (0.46 MB)

  *   04 25 本地存储与数据库的使用和优化.mp3 (10.72 MB)

  *   05 26 如何在Dart层兼容AndroidiOS平台特定实现（一）.html (0.30 MB)

  *   05 26 如何在Dart层兼容AndroidiOS平台特定实现（一）.mp3 (8.99 MB)

  *   06 27 如何在Dart层兼容AndroidiOS平台特定实现（二）.html (0.56 MB)

  *   06 27 如何在Dart层兼容AndroidiOS平台特定实现（二）.mp3 (9.88 MB)

  *   07 28 如何在原生应用中混编Flutter工程.html (0.78 MB)

  *   07 28 如何在原生应用中混编Flutter工程.mp3 (10.79 MB)

  *   08 29 混合开发，该用何种方案管理导航栈.html (0.51 MB)

  *   08 29 混合开发，该用何种方案管理导航栈.mp3 (10.26 MB)

  *   09 30 为什么需要做状态管理，怎么做.html (2.13 MB)

  *   09 30 为什么需要做状态管理，怎么做.mp3 (10.86 MB)

  *   10 31 如何实现原生推送能力.html (12.76 MB)

  *   10 31 如何实现原生推送能力.mp3 (15.09 MB)

  *   11 32 适配国际化，除了多语言我们还需要注意什么.html (2.78 MB)

  *   11 32 适配国际化，除了多语言我们还需要注意什么.mp3 (10.46 MB)

  *   12 33 如何适配不同分辨率的手机屏幕.html (4.17 MB)

  *   12 33 如何适配不同分辨率的手机屏幕.mp3 (8.86 MB)

  *   13 34 如何理解Flutter的编译模式.html (0.78 MB)

  *   13 34 如何理解Flutter的编译模式.mp3 (10.17 MB)

  *   14 35 Hot Reload是怎么做到的.html (0.35 MB)

  *   14 35 Hot Reload是怎么做到的.mp3 (9.45 MB)

  *   15 36 如何通过工具链优化开发调试效率.html (2.19 MB)

  *   15 36 如何通过工具链优化开发调试效率.mp3 (11.60 MB)

  *   16 37 如何检测并优化Flutter App的整体性能表现.html (19.84 MB)

  *   16 37 如何检测并优化Flutter App的整体性能表现.mp3 (12.48 MB)

  *   17 38 如何通过自动化测试提高交付质量.html (0.64 MB)

  *   17 38 如何通过自动化测试提高交付质量.mp3 (11.89 MB)

*   06 Flutter综合应用/

  *   01 39 线上出现问题，该如何做好异常捕获与信息采集.html (1.37 MB)

  *   01 39 线上出现问题，该如何做好异常捕获与信息采集.mp3 (14.44 MB)

  *   02 40 衡量Flutter App线上质量，我们需要关注这三个指标.html (0.34 MB)

  *   02 40 衡量Flutter App线上质量，我们需要关注这三个指标.mp3 (10.62 MB)

  *   03 41 组件化和平台化，该如何组织合理稳定的Flutter工程结构.html (0.77 MB)

  *   03 41 组件化和平台化，该如何组织合理稳定的Flutter工程结构.mp3 (10.58 MB)

  *   04 42 如何构建高效的Flutter App打包发布环境.html (2.25 MB)

  *   04 42 如何构建高效的Flutter App打包发布环境.mp3 (14.33 MB)

  *   05 43 如何构建自己的Flutter混合开发框架（一）.html (0.68 MB)

  *   05 43 如何构建自己的Flutter混合开发框架（一）.mp3 (8.84 MB)

  *   06 44 如何构建自己的Flutter混合开发框架（二）.html (1.26 MB)

  *   06 44 如何构建自己的Flutter混合开发框架（二）.mp3 (17.45 MB)

*   07 结束语/

  *   01 结束语 勿畏难，勿轻略.html (0.22 MB)

  *   01 结束语 勿畏难，勿轻略.mp3 (4.13 MB)

  *   02 结课测试 关于Flutter的这些知识，你都掌握了吗.html (0.25 MB)

*   08 特别放送/

  *   01 特别放送 ｜ 温故而知新，与你说说专栏的那些思考题.html (0.18 MB)

  *   01 特别放送 ｜ 温故而知新，与你说说专栏的那些思考题.mp3 (25.12 MB)