【文章翻譯】Announcing our new Dart and Flutter Getting Started experience

【文章內容使用 Gemini 2.5 Flash 自動翻譯產生】

當我加入 Dash DevRel 團隊時,我的經理給了我一份入職文件,開頭是這樣的:「你新工作的宗旨只有一句話:改善 Dart 和 Flutter 開發者的生活。」

久而久之,我逐漸了解到「Dart 和 Flutter 開發者」的定義也包含了那些尚未稱自己為 Dart 和 Flutter 開發者的人;他們只是對 Flutter 感到好奇。

今天,我們推出了一個我們認為可以改善這些未來 Flutter 開發者生活的事物:Dart 和 Flutter 入門體驗

我們建造了什麼

入門體驗是一條為尚不了解 Dart 或 Flutter 的程式設計師設計的多學科學習路徑。它涵蓋 Dart 和 Flutter 網站,並結合了書面教學、影片系列、測驗和文件,引導您從設定 Flutter 到建立一些旨在教授基本原理的應用程式。

為那些只想試用 Flutter 的人提供的快速安裝指南。

自從 Hot Reload 在網路上發布以來,Flutter 學習者可以在不需要下載特定平台的開發環境的情況下,獲得完整的 Flutter 體驗。我們編寫了一份新的快速安裝指南,以減少嘗試 Flutter 的阻力。我們不希望在您甚至開始之前,就讓您感覺像是一種承諾!

兩個完整的教學課程:一個用於 Dart,一個用於 Flutter。

Dart 教學課程旨在引導到 Flutter 教學課程,但它們之間並無依賴關係。如果您已經熟練使用另一種現代、物件導向的語言,您可以直接跳入 Flutter 教學課程。

您將從零開始建構的四個應用程式。

在我們自問的所有設計問題中,我們花費最多時間思考的是讀者將實際建構什麼。它會是一個巨大的應用程式,幾個獨立的食譜式 Flutter 程式碼片段,還是介於兩者之間的東西?

最終,我們得出結論,較小的應用程式能為初學者提供更好的體驗,原因有以下幾點:

  • 對於較大的應用程式,出錯的空間更大,這可能會讓初學者感到沮喪。
  • 應用程式越大,需要的程式碼就越多,而這些程式碼實際上與教學課程試圖教授的內容無關。
  • 我們不希望要求使用者複製一個包含 25 個專案的儲存庫,其名稱類似於 flutter_tutorial_step_1。然後您必須將 Git 和終端命令引入其中,您必須要求讀者複製適用於其作業系統的命令,依此類推。這只是一堆不必要的累贅,阻礙了學習。

同時,應用程式必須超越單一功能,否則我們將無法將功能與更大的圖景聯繫起來。

八部影片伴隨主要主題。

入門體驗中的影片旨在提供最關鍵的上下文,以便讀者在進入實作程式碼部分時,能理解他們正在做什麼。

包含這些影片對我個人而言也很重要。多年前當我學習 Flutter 時,我對早期的 DevRel 團隊感到敬畏。他們深切關心 Flutter 的教學,而且他們是如此真誠和支持,以至於我想成為他們正在做的一切的一部分。由於這個學習路徑通常是新的 Flutter 開發者第一次互動的東西,我想尊重這種感覺,並讓對 Flutter 好奇的開發者感到興奮和歡迎加入社群。

為此,我們利用這些影片來教學 Flutter,同時也介紹了一些每天都在努力讓 Flutter 和 Dart 變得更好的真實人類——工程師、技術撰寫人員和產品經理都參與其中。

整個過程中有小測驗,以確認您所學到的知識。

我們在每個教學頁面末尾加入了簡單的測驗。它們風險低且不具阻擋性。它們僅僅是為了給您一點回饋和信心。如果您不喜歡它們,就跳過它們吧!

現有的「Flutter 如何運作」YouTube 系列作為結論。

我們以 Craig Labenz 幾個月前發布的精彩影片系列「Flutter 如何運作」作為學習教學的結尾。這個系列以足夠的深度教導您 Flutter 的內部運作,使其仍然易於理解,同時提升您編寫 Flutter 應用程式的能力。這是成為一名進階 Flutter 開發者必學的知識。

網站更新

這份教學文件將與 Dart 和 Flutter 網站的幾項更新一起發布。您可能知道我們一直在將我們的網站基礎設施從基於 JavaScript 的靜態網站產生器 (SSG) 遷移到 Jaspr,一個 Dart SSG。這次遷移的時機並非偶然!我們知道我們想這樣做,而且在我們開始對入門教學文件進行網站的大量更新之前,這似乎是正確的選擇。

作為讀者,最明顯的更新是將主要文件文章與網站的學習區塊分開。網站的學習區塊是透過點擊網站標頭導航中的「學習」按鈕來存取的,如螢幕截圖所示:

「學習」區塊將組織所有現有和未來的教學式文件和文章,以使主要文件更容易導航。在標頭導航中,可以透過「使用者指南」按鈕(或點擊網站標題)到達主要文件。

嘗試看看

學習路徑已在 docs.flutter.dev/learn/pathway 上線。如果您完整閱讀了它——或者只是其中一部分——請填寫該頁面上連結的回饋調查。我們正在傾聽,並且已經在思考接下來要做什麼。


宣布我們新的 Dart 和 Flutter 入門體驗 最初發表於 Flutter on Medium,人們在那裡透過突出顯示和回應這個故事來繼續討論。