Flutter 跨平台开发实战--掘金小册课程推荐/优惠

作者介绍

萧文翰，目前就职于 ThunderSoft，负责设备与软件性能测试工具的开发，拥有 9 年互联网产品实战项目经验。《Flutter 从 0 基础到 App 上线》《Go 语言从入门到项目实战》等多部技术图书作者，8 年博客写作经验，《零基础通关 Go 语言》小册作者，技术知识传播分享者。

小册介绍

技术更迭，特别是科技互联网领域的迭代速度之快，大家都有目共睹。

三年来，Flutter 由只支持移动端，到现在的桌面端、移动端和网页端全前端支持；从羸弱的开发生态，到如今的 Package 仓库的强大，以至于当我们需要某个能力时，几乎都能找到常见常用的包，省去了大量造轮子的时间。

尽管 Flutter 技术已经推出多年，但纵观各种前端框架，能真正做到横跨移动、网页、桌面三端，同时采用自绘制引擎的高性能框架似乎仅有 Flutter 一种。

对于客户端和前端而言，跨平台恰恰就意味着低成本和高效率，Flutter 无疑成为了最值得选择的解决方案。求职者若能熟练掌握 Flutter 开发技能，将在众多面试者之中脱颖而出，独具优势。

本小册在内容上，本着“授人以渔”的方法进行讲解。例如，Flutter 中有一个原则是：一切皆组件。按照传统的方式，会尽可能地讲清楚每种组件的用法，并用各种示例加以说明。这看上去很详实，实则多余。因为官方网站上已经把这些讲得很清楚了，再写一遍，无非是翻译或者搬运，意义不大。

况且随着版本的变化，这些组件的用法或许也会变化，追随这些内容终究是没有未来的。与其这样，不如教大家学会如何使用官方文档，毕竟整合信息资源的能力是当下亟需具备的能力。

因此，在本小册中我将用少量篇幅讲述理论，大量篇幅用于构建三个实战项目。第一个实战项目较简单，主要是体会一个 Flutter 项目从 0 到 1 的实现过程，了解像路由设计、网络请求、数据存储、自定义组件、多媒体播放等技能点；第二个实战项目略复杂，主要在于提升大家应用Flutter，实现跨平台兼容和自定义复杂组件的能力，以及面对复杂项目时应有的全局观，比如页面导航设计、本地数据库设计等。第三个实战项目则是用 Flutter 实现一个游戏。

三个实战项目，我们都会从 0 到 1 实现，所有的代码都会上传到 Github 中。你跟着操作，完全可以实现出相同的项目。

当然，虽然小册内容更侧重实战，但这并不意味着基础理论知识不重要，相反，某些缺少经验的同学在实际学习中，可能花在前面的单篇学习时间更长。

具体来说，本小册包含以下内容：

• 起步知识： 这部分主要介绍 Flutter 简介和开发环境的搭建；
• 核心原理： 介绍 Dart 开发语言和 Flutter 的重要概念和基本原则，提供基础学习指南。另针对 Dart 语言中特别常用及新特性，Flutter 的重要特性进行专题攻坚；
• 实战项目一： 借助简单的项目了解如何从 0 到 1 打造一款跨平台的 App。期间会介绍网络请求、JSON 解析、动画、自定义组件、配置主题及使用字体资源知识点；

• 实战项目二： 通过稍复杂一点的项目了解如何设计页面导航、跨平台兼容处理、本地数据库的增删改查、较复杂的自定义组件、事件总线等知识点；

• 实战项目三： 一起动手打造一款休闲类 App——Flappy Bird（像素鸟），我将用 Flame 游戏引擎重制这一经典游戏。带大家一起体验游戏的实现逻辑、障碍设计、元素互动以及碰撞检测等编程方法。从此，实现“魂斗罗”、“超级玛丽”、“吃豆人”等经典游戏都不是难题。

• 目录大纲

你会学到什么？

1. Dart 编程语言基础特性及速通指南；
2. Dart 编程语言新特性使用详解；
3. Flutter 技术架构、特性及快速上手指南；
4. 由浅入深的 Flutter 跨平台应用实战；
5. 基于 Flame 引擎的 Flutter 游戏开发实战。

适宜人群

• 至少会用一种面向对象语言，比如 Java；
• 从事过前端、移动端开发的同学，学习起来更轻松；
• 想要通过实战学习 Flutter 开发技术的朋友；
• 想要了解和体验最新 Flutter API 能力的朋友；
• 想要降低开发成本的项目团队；
• 想要提升自己的技术水平，提高职场竞争力，掌握一项流行技能的朋友。

• Flutter：前端开发之“万金油”

• 实战项目二：多 Tab 式主页布局结构

• Dart 篇：异步（并发）

• Flutter 篇：玩转组件（一）

• 环境配置：第一个 Flutter App 和 Dart 命令行程序

• Dart 篇：核心原则

• Flutter 篇：Flutter 分层式架构设计

• Dart 篇：空安全

• Flutter 篇：玩转组件（二）

• Flutter 篇：单车变跑车的热修复特性

• 实战项目二：实现“日记”项目多页面管理

• 实战项目二：持久化数据（二）

• 实战项目一：搭建“一言”项目骨架

• Flutter 篇：与原生平台代码“0 接触”

• 实战项目一：资源素材管理，实现国风字体样式

• 实战项目一：网络请求与数据解析

• 实战项目一：自定义组件：打造竖排文本框

• 实战项目二：持久化数据（一）

• 实战项目一：添加动画特效

• 实战项目二：写新日记页面

• 实战项目二：事件总线的应用

• 实战项目一：实现暗黑模式

• 实战项目三：移动的物体 & 帧动画

• 实战项目二：日记阅读窗口 & 设置窗口的实现

• 实战项目二：自定义组件：功能更丰富的日历

• 实战项目三：Flame 游戏引擎简述及项目结构设计

• 实战项目三：记分器文字渲染

• 实战项目三：静止 & 移动的背景、触摸事件监听

• 实战项目三：随机生成障碍物的实现

• 实战项目三：小鸟与障碍物的碰撞检测

• 结语：使用 Flutter 构建更多惊艳的产品

• 实战项目三：背景音乐 & 声音特效

• 实战项目三：组件叠放顺序设计