0Pricing
Flutter Mobile Development icon

Flutter Mobile Development

DARTMobileFrontendAndroidIos

使用 Flutter 掌握跨平台移动开发,为 iOS 和 Android 构建美观的高性能应用。

🤖 AI 驱动📚 22 门课程👥 10万+ 学习者⭐ 4.9 分
课程概览

使用 Flutter 构建跨平台应用

Flutter 是 Google 开源的 UI 工具包,可将单个 Dart 代码库编译为原生 iOS、Android 和网页应用。它配备自己的渲染引擎,意味着无需依赖平台 widget 即可实现像素完美、高性能的 UI。本学习路径涵盖 Flutter 开发的全方位内容 — 从你的第一个 StatelessWidget 到使用 CI/CD 流水线和可观测性部署生产应用。

你将学到什么

你将使用核心 widget、布局、表单和验证构建真实的移动界面。之后,学习路径涵盖使用 Riverpod 2.0 和 BLoC 架构 的状态管理、异步编程和网络请求、本地持久化、Firebase 集成以及包括 Rive 和 Flare 的高级动画。后续课程涉及使用 CustomPainter 和 Canvas 的自定义渲染、平台特定插件、清晰架构和模块化,以及 Flutter 引擎内部机制,包括 FFI 和原生互操作。

学习路径

二十二门课程跨越 A1 至 C2 级别。路径从 Dart 基础和核心 UI 开始,经过 B1 阶段的 Material 3 主题、导航和国际化,然后在 B2 深化,涵盖状态管理、测试、Firebase 和高级动画。C1 阶段处理平台特性、部署、性能分析和具有可观测性的生产级 CI/CD。学习路径在 C2 以 Flutter 引擎、FFI 和原生互操作课程结束 — 这是维护或扩展 Flutter 的工程师所需的水平。

它的工作原理

每门课程分为短小精悍的课程,你在内置代码编辑器中完成,并获得实时反馈。当你遇到困难时,AI 导师随时可用,让你无需离开应用就能继续学习。

开始学习 →

你的学习方式

🎯
互动课程
实时反馈的动手编程练习
🤖
AI 导师
遇到困难时立即获得 AI 帮助
💻
内置编辑器
直接在浏览器中编写并运行代码
🏆
证书
完成课程后获得证书
课程

22 门课程

Flutter Mobile Development 学习路径中的所有课程。

01

Flutter 与 Dart 基础入门

A14 节课

通过了解 Flutter 框架并掌握 Dart 编程语言的基础知识,开启跨平台移动开发之旅。配置开发环境,构建您的第一个 Flutter 应用。

02

核心组件与界面布局

A24 节课PRO

探索 Flutter 界面的基础构建模块:组件。学习区分无状态组件和有状态组件,并掌握各种布局组件,有效排列界面元素。

03

表单、验证与用户输入

A24 节课PRO

在 Flutter 应用中构建可靠且易用的表单。学习处理各种类型的用户输入,实现有效的验证规则,并向用户提供清晰的反馈。

04

国际化与无障碍

B14 节课PRO

通过适当的本地化、RTL 支持和屏幕阅读器语义,发布包容性的多语言 Flutter 应用。

05

使用 Material 3 与主题构建设计系统

B14 节课PRO

使用 Material 3 设计令牌、动态颜色和自定义主题扩展,构建可复用且支持品牌定制的设计系统。

06

应用中的导航与路由

B14 节课PRO

了解如何管理应用不同部分之间的屏幕切换和数据流。实现基础导航、命名路由和高级路由模式,打造流畅的用户体验。

07

持久化与本地存储

B14 节课PRO

探索在 Flutter 应用中本地存储数据的各种方法。从简单的键值对到完整的数据库,学习持久化用户偏好和应用数据,以便离线访问。

08

状态管理基础

B24 节课PRO

理解 Flutter 应用中的关键概念——状态管理。探索从简单的 `setState` 到 Provider、Riverpod 等强大软件包的各种技术,高效管理应用数据。

09

异步编程与网络通信

B24 节课PRO

掌握 Dart 和 Flutter 中对构建响应式应用至关重要的异步操作。学习从互联网获取数据、处理网络请求,并高效管理数据流。

10

高级界面与动画

B24 节课PRO

通过探索高级绘图技术和创建精美动画,提升 Flutter 界面开发能力。设计自定义组件,实现隐式动画和显式动画,让应用焕发生命力。

11

Flutter 应用测试与调试

B24 节课PRO

通过全面的测试和有效的调试策略,确保 Flutter 应用的质量与可靠性。学习编写单元测试、组件测试和集成测试,并使用 Flutter 强大的调试工具。

12

Firebase 集成

B24 节课PRO

将 Google 的移动与 Web 应用开发平台 Firebase 集成到 Flutter 项目中。学习利用 Firebase 服务实现身份验证、实时数据库和云存储,构建强大的后端驱动应用。

13

深入掌握 Riverpod 2.0

B24 节课PRO

通过 Riverpod 2.0 提供者、代码生成和异步数据流,掌握现代响应式状态管理。

14

面向可扩展应用的 BLoC 架构

B24 节课PRO

使用 BLoC 模式以及 bloc 和 hydrated_bloc,构建易于维护的事件驱动 Flutter 应用。

15

使用 CustomPainter 与 Canvas 自定义渲染

B24 节课PRO

直接在 Flutter 画布上绘图,创建定制图形、图表和视觉效果。

16

使用 Rive 与 Flare 构建高级动画

B24 节课PRO

集成 Rive 运行时和状态机构驱动的动画,呈现丰富且具有互动性的动效设计。

17

平台专属功能与插件

C14 节课PRO

通过访问设备原生功能和平台专属 API,扩展 Flutter 应用的能力。学习使用平台通道编写自定义原生代码,并集成地理定位、摄像头等功能的热门插件。

18

部署与性能优化

C14 节课PRO

学习将 Flutter 应用部署到应用商店的流程并优化性能,为生产环境做好准备。了解如何分析应用性能、减小软件包体积,以及实施持续集成与持续交付。

19

整洁架构与模块化

C14 节课PRO

使用分层整洁架构、功能模块和依赖倒置,组织大型 Flutter 代码库。

20

性能分析与渲染内部机制

C14 节课PRO

使用 DevTools 诊断卡顿、优化构建—布局—绘制流程,并将应用调优至 120fps。

21

生产级 CI/CD 与可观测性

C14 节课PRO

自动化构建、风味配置、崩溃报告和功能开关,确保 Flutter 应用在生产环境中稳定运行。

22

Flutter 引擎、FFI 与原生互操作

C24 节课PRO

使用 FFI、Pigeon 和平台通道,在大规模场景下连接 Dart 与原生 C/C++、Kotlin 和 Swift 代码。

常见问题

常见问题解答

Flutter Mobile Development 课程免费吗?

免费。你可以免费开始 Flutter Mobile Development 课程并完成它的所有互动课程。可选的 PRO 订阅解锁高级 AI 工具和可分享的证书。

学习 DART 需要有先前的经验吗?

不需要。课程从基础开始,逐步进阶到更高难度的主题,所以即使你没有任何 DART 基础也可以开始。

我在 CoddyKit 上怎样学习 DART?

学以致用。简洁的互动课程将清晰的讲解与实时动手编程练习结合,24/7 AI 导师在你遇到困难时提供个性化帮助。

完成 Flutter Mobile Development 后能获得证书吗?

可以。PRO 学员可以参加考试,获得 Flutter Mobile Development 课程的可分享的完成证书,其中包含可验证的代码。

我能在手机上学习 DART 吗?

可以。CoddyKit 支持网页版和原生 iOS、Android 应用,你可以在任何设备上学习 DART,进度会自动同步。

立即开始 Flutter Mobile Development

加入数千名学习者,通过 AI 驱动的课程掌握编程。

免费开始 →浏览所有课程