# 学习 Flutter

> 找到你开始构建 Flutter 应用所需的一切。



<img src='/assets/images/docs/learn/learn-flutter-anyway.png' 
    alt="An image of Dash in front of a blackboard." class="image-wrapper learn-image-wrapper">

## For beginners

## 面向初学者

Start here for an overview of how to get set up, build Flutter apps, write Dart code, and understand how Flutter works.

从这里开始，了解如何完成环境配置、构建 Flutter 应用、编写 Dart 代码，以及理解 Flutter 的工作原理。

<Card title="Dart 与 Flutter 入门学习路径" additional-classes="display-card">
  <p>
    This is the **recommended** set of resources to start learning Flutter! Learn how to write Dart code in the first tutorial, then build a series of apps using Flutter in the second. You'll learn the essential best practices for Flutter app development, app architecture, fetching data from the network, and more. Great for beginners with minimal programming experience.
  </p>
  <p>
    这是开始学习 Flutter 的 **推荐** 资源集！在第一个教程中学习如何编写 Dart 代码，
    然后在第二个教程中使用 Flutter 构建一系列应用。
    你将学习 Flutter 应用开发、应用架构、从网络获取数据等方面的核心最佳实践。
    非常适合编程经验较少的初学者。
  </p>
  <a href="/learn/pathway" class="outlined-button">开始学习</a>
</Card>

## For experienced developers

## 面向有经验的开发者

Dive deeper into more specific topics in Flutter development with sample code, YouTube videos, codelabs, and more.

通过示例代码、YouTube 视频、codelab 等资源，深入探索 Flutter 开发中更具体的主题。

<Card title="学习资源索引"  additional-classes="display-card">
  <p>
    Find sample code, YouTube videos, codelabs, and more written by the experts on the Flutter team at Google. This index contains the resources you need to learn any aspect of Flutter.
  </p>
  <p>
    查找由 Google Flutter 团队专家撰写的示例代码、YouTube 视频、codelab 等资源。
    本索引包含你学习 Flutter 任意方面所需的资源。
  </p>
  <a href="/reference/learning-resources" class="outlined-button">浏览全部资源</a>
</Card>

<Card title="应用架构案例研究"  additional-classes="display-card">
  <p>
    Learn the recommended app architecture to build a Flutter app. This guide contains everything you need to know to understand and implement MVVM architecture in a Flutter app.
  </p>
  <p>
    学习构建 Flutter 应用的推荐应用架构。
    本指南包含理解并在 Flutter 应用中实现 MVVM 架构所需了解的全部内容。
  </p>
  <a href="/app-architecture" class="outlined-button">开始学习</a>
</Card>