开篇词 | 通往大前端的一把关键钥匙 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 进行运营。

讲师寄语

查理·芒格说过这样一句话:“宏观是我们必须接受的,微观才是我们可以有所作为的。”而宏观上,我们正身处大前端的浪潮之中,微观上我们手握选择的权利。

因为前几年的技术红利,前端技术人才越来越多,企业对于人才的能力要求也水涨船高,仅掌握单一平台编程开发能力已经稍显欠缺。希望这个课程能助你一臂之力,让你在招聘面试和日常工作中取得更多竞争优势,让你的职业发展更加长劲、有力。

假如你有任何问题,欢迎在留言区给我留言。

(0)

相关推荐