# Flutter 學習路徑

> 本學習路徑將引導你了解 Dart 與 Flutter 的基礎知識。



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

歡迎來到 Dart 與 Flutter 入門學習路徑。
在這裡，你將設定開發環境、
學習如何撰寫 Dart 程式碼，並
逐步建置三個小型 Flutter 應用程式。
本學習路徑橫跨 Dart 與 Flutter 官方網站、YouTube 以及你的 IDE。
完成後，你將對 Dart 與 Flutter 兩者都具備扎實的基礎。

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

### 設定開發環境

在開始建置 Flutter 應用程式之前，
你需要先設定好開發環境。
請依照安裝指南，在你的機器上安裝 Flutter 及
所有必要的相依套件。

[開始使用 →](/learn/pathway/quick-install)

### 完成 Dart 入門教學

Flutter 使用 Dart 程式語言。
如果你是 Dart 新手，請完成這份互動式教學，
學習基礎知識——變數、函式、類別等等。

如果你時間有限且已熟悉
現代物件導向程式語言，
可以安心跳過此步驟。

<a href="https://dart.dev/learn/tutorial" target="_blank">
Dart 入門教學 →
</a>

### 完成 Flutter 入門教學

現在你已掌握 Dart 技能，讓我們深入 Flutter！
這份實作教學將引導你
逐步建置三個小型 Flutter 應用程式。

[Flutter 入門教學 →](/learn/pathway/tutorial)

### 了解 Flutter 的運作原理

透過觀看這個系列影片，深入理解 Flutter
底層的運作方式。
學習元件 (Widget) 樹、渲染管線，以及 Flutter 的獨特之處。
這個系列將提供你充分運用此框架所需的知識。


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

</Stepper>

## 準備好開始了嗎？

先安裝 Flutter 並設定開發環境，就能開始上手：

[從步驟 1 開始：快速安裝 →](/learn/pathway/quick-install)

<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">

我們持續尋求改善入門體驗的方式。
未來，我們計畫在網站的這個區塊加入更多資源。
我們很想知道你的想法，以及你希望看到哪些內容。

請花一點時間與我們分享你的意見。

<a href="https://google.qualtrics.com/jfe/form/SV_6A9KxXR7XmMrNsy?page='index'" class="outlined-button">留下意見</a>

</Card>