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

清弦《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 性能更佳

结束语

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