# Flutter 教學

> 學習如何使用 Flutter 從零開始建置在行動裝置、桌面及網頁上執行的像素完美應用程式。



<div class="side-by-side" style="margin: 3rem -1rem">
<div>

歡迎來到 Flutter 教學！本教學將教你如何從零開始建置可在行動裝置、桌面及網頁上執行的應用程式。

你將從最基礎的地方出發：建立一個空白的 Flutter 應用程式。
完成後，你將會建置數個小型應用程式，這些應用程式示範了 Flutter 開發的核心功能（以及更多！）。

### 開始之前

本教學是 Flutter 學習路徑的第三個步驟，因此假設你已具備：
1. 已設定好 Flutter 開發環境
2. 對 Dart 程式語言有基本了解

若以上任一條件尚未具備，請從 [學習路徑頁面](/learn/pathway) 開始。

</div>
  <div class="centered-rows">
    <DashImage figure image="learn/tutorial-hero.png" alt="Dash with magnifying glass" img-class="learn-image-wrapper" />
  </div>
</div>

## 目錄

<TutorialOutline />

<a href="/learn/pathway/tutorial/create-an-app" class="outlined-button" style="margin: 3rem auto;">開始學習</a>