开篇词 | 通往大前端的一把关键钥匙 Flutter
你好，欢迎来到 Flutter 课程，我是清弦。
近 10 年来，我一直在一线大厂从事 Web 前端研发工作，负责前端、中台业务以及跨端平台的研发和团队管理。目前大前端因为“一套代码，多端运行”的特性成为大势所趋，因此我也在致力于将团队培养为 Web 前端全栈及大前端双通道人员，借此提升前端技术人员在未来很长一段时间的竞争力，而其中选用的技术就是 Flutter。
从 Hybrid 到 Weex、React Native 这些跨端技术的出现，确实很好地解决了跨端技术不一致、热加载、提升开发效率，以及降低开发成本的问题，但一个核心技术痛点“性能问题”却一直没有非常好的解决方案。而仅仅出道 2 年的 Flutter，通过自渲染模式，以及在体验和性能上的优异表现一时风头无两，其性能更是在跨端技术中处于领跑地位。
除了大量为适应快速发展节奏和节省人力成本的中小型企业，很多一线互联网企业也在重要项目中落地了 Flutter 技术，包括阿里（闲鱼）、蚂蚁金服（蚂蚁财富）、腾讯（多款在线教育App）、字节跳动（头条和西瓜视频），以及美团（美团 App）和快手（快手 App），等等。
有需求，就有人才市场。目前我们可以看到很多企业在招聘 Flutter 工程师，甚至一些前端或移动端的招聘岗位中也会备注“熟悉 Flutter 优先”，并且这些岗位大多来自一些知名企业，薪资优势也非常明显：
（来自：拉勾网）
市场需求已经验证，相信你也已经迫切想要追上这波技术红利，快速上手 Flutter 并获得理想的职位。但是，在学习和实践 Flutter 的过程中，很多技术人普遍面临这样几类问题。
学习资料大多从 0 到 1，偏入门+实战。
基础课程是掌握一门新技术的必备环节，但在足够系统的同时，也会有知识点重合度较高的问题。一些常见的知识点学习起来比较浪费时间，需要你自己去抽离重点，毕竟学 Flutter 的技术人，一般也都懂些基础内容。
实践及场景应用少，无法直接反馈到工作中。
学到了些 Flutter 核心技术，但缺少进阶和综合应用，混合开发的内容很少，所以无法开发出一个实际的项目应用，也没办法解决你工作上的实际问题，导致在 Flutter 上还是经常踩坑。
直接上手开发，却不了解核心原理，不能从源处寻找一些优化方向和优化策略。
工作中的开发往往只关注实际用法，很少有时间去注重基础原理，从而忽略了这块重要知识，导致优化方向只能从他人的经验中去学习。但是，很多问题都有一定的独特性，需要你具备快速定位和分析解决问题的能力，不能一切依靠“搜索”能力。
其实，学习一门新的语言或者框架无外乎这样一个路径：第一步，需要快速理清一些核心基础知识点，掌握编程语法和运行原理；第二步，实践应用开发，通过项目实践来熟悉开发过程中的一些工具、规范和常见问题；第三步，掌握核心设计思想和实现原理，能够基于一些核心原理寻找一些底层优化策略。
鉴于以上背景情况，我希望通过一个系统课程来帮助你快速、有效学习 Flutter 技术。我会带你体验最佳的学习路径，从实际工作场景中的应用问题出发，来给你呈现这个课程。本课程的核心优势，主要体现在以下 3 个方面：
抽离核心和重要知识点：通过对比 Web 前端技术来讲解 Flutter，着重介绍差异点及 Flutter 的核心功能，对于大家普遍熟悉或者已经掌握的知识点，我会选择性带过，在带你掌握最核心知识点的同时，帮你省时间。（当然，如果你了解 JavaScript 语言编程、React 或者 Vue 以及前端 MVVM 框架等前端知识，学习体验会非常好。但如果你是移动端开发者，也不用担心，文章中也是基于移动端应用为实践项目，因此也是移动端日常开发熟悉的学习过程。）
综合实战教学：为了让你跨越从理解概念知识到真正落地实践的鸿沟，我会用一个轻量 App 的开发实践过程，来串联讲解每个技术知识点。
贴近实际的应用场景：本课程列举了大部分项目开发中实际应用的功能点（比如红点功能、多导航功能，以及布局设计等），如果你在工作中没有实践场景，贴近应用场景的内容可以帮你更好地消化吸收理论知识。
具体来讲，我将整个课程分成了基础 + 项目实战 + 进阶原理三个大的模块。
模块一，Flutter 基础知识：带你掌握必备的基础知识，包括 Flutter 语法、运行原理、环境构建、代码规范、生命周期、状态管理，以及有无状态组件等。在这个模块中，我会带你从 Web 前端视角，去重新学习一个新的框架，减少你学习的时间成本。学完后，你将能够应用本模块的知识点完成一些组件开发。
模块二，项目实战：教你如何从立项到线上运营，开发出一款轻量级的 App 应用。其中涵盖但不限于 App 的基础功能点、导航栏设计、上拉刷新和加载、红点提醒、服务端协议交互、布局设计、打包与发布，以及线上运营和监控等内容。学完后，你将能够用 Flutter 开发完成实际项目。
模块三，进阶原理：在掌握了基础的开发能力后，进阶才是体现能力的部分。这个模块中，我抽取了 Flutter 的几个关键知识点，包括如何与原生平台相互调用、性能分析和优化实践、渲染原理，以及 Flutter 内部的架构设计整体实现。学完后，你不仅能够掌握如何设计与原生平台交互的通道，还能够掌握性能优化的策略，而不是照搬他人想法。
此外，本课程还会为你提供一套 App 对应的 Node.js 服务端源码，按照源码指引将服务部署后，你可以将本课程实践的 App 应用发布到 Android 市场或者 App Store，作为一个线上的 App 进行运营。
讲师寄语
查理·芒格说过这样一句话：“宏观是我们必须接受的，微观才是我们可以有所作为的。”而宏观上，我们正身处大前端的浪潮之中，微观上我们手握选择的权利。
因为前几年的技术红利，前端技术人才越来越多，企业对于人才的能力要求也水涨船高，仅掌握单一平台编程开发能力已经稍显欠缺。希望这个课程能助你一臂之力，让你在招聘面试和日常工作中取得更多竞争优势，让你的职业发展更加长劲、有力。
假如你有任何问题，欢迎在留言区给我留言。