清弦《Flutter快学快用24讲》：手把手带你打造一个Flutter实战应用

课程背景

随着互联网的精细化发展，各家都在努力提升开发效率、降低人力成本，于是推动了跨端技术的发展。
但一个核心技术痛点“性能问题”却一直没有非常好的解决方案。而仅仅出道 2 年的 Flutter，通过自渲染模式，以及在体验和性能上的优异表现一时风头无两，其性能更是在跨端技术中处于领跑地位。
作为从业者，只掌握单一平台开发技术，已经陷入职场瓶颈。只有快人一步，抓住这波技术红利，掌握最新的跨平台开发技术，才能在工作、求职中获得竞争优势。

专栏解读

本专栏共24讲，分为三大模块：基础功能、项目实战、进阶原理，为你提供平缓的学习路径，最终达到即学即用的学习效果，专栏设计有以下亮点：

• 模块一 Flutter 基础知识： 带你掌握必备的基础知识，包括 Flutter 语法、运行原理、环境构建、代码规范、生命周期、状态管理，以及有无状态组件等。学完后，你将能够应用本模块的知识点完成一些组件开发。不论你是移动开发还是前端开发，在这个部分里，都可以掌握 Flutter 的核心知识点。
• 模块二 项目实战： 这个部分会用一个轻量 App 的开发实践过程，来串联讲解每个知识点。其中涵盖但不限于 App 的基础功能点、导航栏设计、红点提醒、服务端协议交互、打包与发布，以及线上运营和监控等内容。学完后，你将能够用 Flutter 开发完成实际项目。
• 模块三 进阶原理： 这个模块中，会抽取 Flutter 最核心的关键知识点，包括如何与原生平台相互调用、性能分析和优化实践、渲染原理，以及 Flutter 内部的架构设计整体实现。学完后，你不仅能够掌握如何设计与原生平台交互的通道，还能够掌握性能优化的策略，而不是照搬他人想法。

课程讲师

清弦：高级前端开发工程师，跨端平台研发团队负责人
在国内一线互联网公司从事 Web 前端开发工作近 10 年，曾负责研发亿级用户社交项目、千万级用户海外音视频应用平台项目，负责前端、中台业务以及跨端平台的核心研发和团队管理；自研 Node.js 的 RPC 框架，为公司内部 10 多个系统项目提供支持；目前，致力于团队在 Web 前端全栈及大前端双方向通道上的发展与转型。

课程目录

开篇词

• 开篇词 | 通往大前端的一把关键钥匙 Flutter
• 导读 | 大前端趋势所向：这么多跨端技术，为什么选择 Flutter？

第一部分：基础功能

• 01 | Flutter Dart 语法：从 JavaScript 角度学习 Dart
• 02 | 事件循环：Flutter 中代码是如何执行和运行的
• 03 | Hello Flutter：三步法掌握 Flutter，开始你的第一个应用
• 04 | 代码规范：实践开发 Flutter 编程代码规范工具
• 05 | 生命周期：掌握 Flutter 生命周期以及应用场景
• 06 | 有/无状态组件：如何巧妙地应用 Flutter 有/无状态组件
• 07 | 状态管理：Flutter 状态管理及对比选型
• 08 | 单元测试：Flutter 应用单元测试，提升代码质量

第二部分：项目实战

• 09 | 项目脚手架：一个命令构建 Flutter 项目
• 10 | 路由设计：Flutter 中是如何实现 Scheme 跳转的
• 11 | 多样式导航栏：掌握所有 Flutter 导航栏的设计
• 12 | 列表样式：实践 Flutter 中内容多样式展示方式
• 13 | 刷新加载：下拉刷新上拉加载，在 Flutter 中的实现
• 14 | 红点组件：如何将红点设计做成 Flutter 组件
• 15 | 服务通信：Flutter 中常见的网络协议
• 16 | 布局设计：如何将 Flutter 布局设计沉淀为理论规范
• 17 | 打包发布：Flutter 应用，你离线上运营只差最后一步
• 18 | 项目实战：实践 Flutter 交友功能
• 19 | 安全保障：Flutter 工具化实现线上安全与稳定

第三部分：进阶学习

• 20 | 原生通信：应用原生平台交互扩充 Flutter 基础能力
• 21 | 性能优化：掌握 Flutter 的性能分析和监控
• 22 | 自渲染模式：从 Flutter 的渲染原理，进一步掌握性能优化策略
• 23 | 架构原理：为什么 Flutter 性能更佳

结束语

• 结束语 | 对技术的发展要有所远见

加微信：1252043521终身VIP

收藏 海报分享