# Flutter 学习路径

> 本学习路径将带你了解 Dart 与 Flutter 的基础知识。



<div class="video-wrapper">
  <YouTubeEmbed id="2kjp9yAKpT4" title="Welcome to the Dart and Flutter Getting Started tutorial" fullWidth="true" />
</div>

Welcome to the Dart and Flutter Getting Started pathway.
In it, you'll set up your development environment,
learn how to write Dart code, and
build three small Flutter apps step-by-step.
This learning pathway spans
the Dart and Flutter websites, YouTube, and your IDE.
By the end, you'll have a solid foundation in both Dart and Flutter.

欢迎学习 Dart 与 Flutter 入门路径。
在这条路径中，你将配置开发环境、
学习如何编写 Dart 代码，
并分步构建三个小型 Flutter 应用。
本学习路径涵盖 Dart 与 Flutter 官网、YouTube 以及你的 IDE。
学完之后，你将对 Dart 和 Flutter 打下扎实基础。

<Stepper level="3" collapsible="false" actions="none">

### 配置开发环境
<!-- Set up your development environment -->

Before you can start building Flutter apps,
you'll need to set up your development environment.
Follow the installation guide to get Flutter and
all required dependencies installed on your machine.

在开始构建 Flutter 应用之前，
你需要先配置开发环境。
请按照安装指南，在你的机器上安装 Flutter 以及所有必需的依赖项。

[Get Started →](/learn/pathway/quick-install)

[开始 →](/learn/pathway/quick-install)

### 完成 Dart 入门教程
<!-- Complete the Dart Getting Started tutorial -->

Flutter uses the Dart programming language.
If you're new to Dart, complete this interactive tutorial to
learn the fundamentals—variables, functions, classes, and more.

Flutter 使用 Dart 编程语言。
如果你是 Dart 新手，请完成此交互式教程，
学习基础知识——变量、函数、类等。

If you're in a hurry and already familiar with
modern, object-oriented programming languages,
you can safely skip this step.

如果你时间紧迫，且已熟悉现代面向对象编程语言，
可以安全跳过此步骤。

<a href="https://dart.cn/learn/tutorial" target="_blank">
<t>Dart Getting Started tutorial →</t><t>Dart 入门教程 →</t>
</a>

### 完成 Flutter 入门教程
<!-- Complete the Flutter Getting Started tutorial -->

Now that you have Dart skills under your belt, dive into Flutter!
This hands-on tutorial walks you through
building three small Flutter apps step-by-step.

现在你已经掌握了 Dart 技能，可以深入学习 Flutter 了！
本动手教程将带你分步构建三个小型 Flutter 应用。

[Flutter Getting Started tutorial →](/learn/pathway/tutorial)

[Flutter 入门教程 →](/learn/pathway/tutorial)

### 理解 Flutter 的工作原理
<!-- Understand how Flutter works -->

Deepen your understanding of how Flutter works
under the hood by watching this video series.
Learn about the widget tree, rendering pipeline, and what makes Flutter unique.
This series provides the knowledge you need to know to
take full advantage of the framework.

通过观看本视频系列，深入了解 Flutter 底层的工作原理。
了解 widget 树、渲染管线，以及 Flutter 的独特之处。
本系列将为你提供充分运用该框架所需的必备知识。

[Watch: How Flutter Works →](/learn/pathway/how-flutter-works)

[观看：Flutter 工作原理 →](/learn/pathway/how-flutter-works)

</Stepper>

<img src="/assets/images/docs/learn/beginner.jpg" alt="Dash with question marks around her; looking curious." class="image-wrapper learn-image-wrapper">

<Card title="反馈" additional-classes="display-card">

We're always looking for ways to improve the Getting Started experience.
Moving forward, we plan to add more resources to this section of the website.
We'd love to know what you think and what you'd like to see.

我们一直在寻找改进入门体验的方法。
接下来，我们计划在本网站这一部分添加更多资源。
我们很想了解你的想法以及你希望看到的内容。

Please take a moment to share your feedback with us.

请花一点时间与我们分享你的反馈。

<a href="https://google.qualtrics.com/jfe/form/SV_6A9KxXR7XmMrNsy?page='index'" class="outlined-button"><t>Leave feedback</t><t>提交反馈</t></a>

</Card>