訓練課程
Android Basics with Compose 是一門線上自修課程,介紹如何使用最新的最佳做法來建構 Android 應用程式。這門課程涵蓋了使用 Jetpack Compose 建構應用程式的基礎知識,Jetpack Compose 是在 Android 上建構使用者介面時推薦使用的工具包。
  • 瞭解 Kotlin 和 Jetpack Compose 的基礎知識
  • 建構一系列基本的 Android 應用程式
  • 使用 Android 應用程式架構、Jetpack 程式庫,並根據 Modern Android Development 做法處理資料
  • 基本電腦技能
  • 基本數學技能
  • 一部可執行 Android Studio 的電腦 (請參閱系統需求)
  • (可選) Android 裝置
單元 1:您的第一個 Android 應用程式

3 節課程 | 時長︰10 小時

瞭解程式設計的基本概念,並建構您的第一個 Android 應用程式。
  • 編寫顯示文字輸出的簡單 Kotlin 程式。
  • 下載並安裝 Android Studio。
  • 建構具有簡單使用者介面的 Android 應用程式,當中將顯示文字和圖片。
  • 在裝置或模擬器上執行應用程式。
Kotlin 簡介
事前準備
程式碼實驗室
歡迎學習「Android 基本概念:使用 Compose」
影片
您的第一個 Kotlin 程式
程式碼實驗室
在 Kotlin 中建立和使用變數
程式碼實驗室
在 Kotlin 中建立和使用函式
程式碼實驗室
練習︰Kotlin 基本概念
程式碼實驗室
後續步驟
影片
測驗
設定 Android Studio
Android Studio 簡介
影片
下載並安裝 Android Studio
程式碼實驗室
建立第一個 Android 應用程式
程式碼實驗室
在 Android Emulator 上執行第一個應用程式
程式碼實驗室
如何連接 Android Emulator
程式碼實驗室
後續步驟
影片
測驗
建立基本版面配置
Jetpack Compose 簡介
影片
設計生日賀卡應用程式
影片
以文字可組合函式建構簡單的應用程式
程式碼實驗室
將圖片新增至 Android 應用程式
程式碼實驗室
練習:Compose 基本概念
程式碼實驗室
專案:建立名片應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 2:建構應用程式使用者介面

3 節課程 | 時長︰21 小時

繼續學習 Kotlin 基礎知識,並開始建構更具互動性的應用程式。
  • 在 Kotlin 中使用條件、函式類型、類別和 lambda 運算式。
  • 瞭解組合和重新組合的運作方式。
  • 在應用程式使用者介面中新增按鈕並回應使用者輕觸。
  • 建立可處理使用者輸入資料的應用程式。
  • 瞭解如何使用狀態來顯示資料,並在資料更新時自動反映變更。
  • 編寫單元測試來測試隔離函式。
Kotlin 基礎知識
Kotlin 基礎知識
影片
在 Kotlin 中編寫條件式
程式碼實驗室
在 Kotlin 中使用是否可為空值
程式碼實驗室
在 Kotlin 中使用類別和物件
程式碼實驗室
在 Kotlin 中使用函式類型和 lambda 運算式
程式碼實驗室
練習:Kotlin 基礎知識
程式碼實驗室
後續步驟
影片
測驗
在應用程式中新增按鈕
Dice Roller 應用程式簡介
影片
建立互動式的 Dice Roller 應用程式
程式碼實驗室
在 Android Studio 中使用偵錯工具
程式碼實驗室
練習:點擊行為
程式碼實驗室
後續步驟
影片
測驗
與使用者介面和狀態互動
瞭解 Compose 中的狀態
影片
小費計算機簡介
影片
Compose 中的狀態簡介
程式碼實驗室
計算自訂小費
程式碼實驗室
編寫自動化測試
程式碼實驗室
專案:建立 Art Space 應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 3:顯示清單並使用 Material Design

3 節課程 | 時長︰15 小時

建構能夠顯示資料清單的應用程式,並瞭解如何運用 Material Design 讓應用程式更美觀。
  • 在 Kotlin 中使用資料類別、函式和集合。
  • 在同時顯示文字和圖片的應用程式中建立捲動式清單。
  • 新增點擊事件監聽器以與清單項目互動。
  • 在應用程式中新增應用程式列並修改應用程式主題。
  • 透過 Material Design 使用顏色、形狀和字體,建構直覺易用的現代使用者介面。
更多 Kotlin 基礎知識
更多 Kotlin 基礎知識
影片
泛型、物件和擴充功能
程式碼實驗室
在 Kotlin 中使用集合
程式碼實驗室
含有集合的高階函式
程式碼實驗室
練習:類別與集合
程式碼實驗室
測驗
建構捲動式清單
Affirmations 應用程式簡介
影片
新增捲動式清單
程式碼實驗室
變更應用程式圖示
程式碼實驗室
練習:建構格線
程式碼實驗室
後續步驟
影片
測驗
建構美觀的應用程式
Material Design 和 Compose 簡介
影片
使用 Jetpack Compose 進行 Material Design 主題設定
程式碼實驗室
Jetpack Compose 簡易動畫
程式碼實驗室
測試無障礙功能
程式碼實驗室
練習:建構超級英雄應用程式
程式碼實驗室
專案:建立 30 天的應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 4:導覽和應用程式架構

3 節課程 | 時長︰28 小時

瞭解建立應用程式架構的最佳做法,建構更複雜的應用程式。增強使用者導航、進入和退出應用程式不同畫面的能力,從而提供一致且可預測的使用者體驗。
  • 說明活動及其生命週期。
  • 瞭解現代 Android 架構。
  • 使用 StateFlow 和 UDF 模式處理狀態和事件。
  • 新增 ViewModel,以儲存資料和狀態。
  • 設定導覽元件,並將其與 Compose 搭配使用。
  • 瞭解什麼是回應式使用者介面。
  • 使用視窗類別大小,針對不同的畫面尺寸構建應用程式。
  • 在應用程式中新增導覽匣。
架構元件
歡迎學習單元 4
影片
活動生命週期階段
程式碼實驗室
應用程式架構簡介
影片
架構:使用者介面層
影片
Compose 中的 ViewModel 和狀態
程式碼實驗室
撰寫單元測試以測試 ViewModel
程式碼實驗室
練習:在 Dessert Clicker 中新增 ViewModel
程式碼實驗室
後續步驟
影片
測驗
Jetpack Compose 中的導覽功能
導覽和 Cupcake 應用程式簡介
影片
程式碼實驗室
測試 Cupcake 應用程式
程式碼實驗室
練習:新增導覽
程式碼實驗室
後續步驟
影片
測驗
根據不同螢幕大小調整
自動調整式版面配置
影片
回覆應用程式簡介
影片
使用動態導覽建構自動調整式應用程式
程式碼實驗室
建構含有自動調整式版面配置的應用程式
程式碼實驗室
練習:建構 Sports 應用程式
程式碼實驗室
專案:建立 My City 應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 5:連線至網際網路

2 節課程 | 時長︰9 小時

使用 Kotlin 協同程式一次執行多項任務,並瞭解 HTTP 和 REST,以使用 Retrofit 從網際網路取得資料。然後,使用 Coil 程式庫在應用程式中顯示圖片。
  • 描述並行的基礎知識,以及如何在 Android 應用程式中使用協同程式。
  • 定義並瞭解現代 Android 應用程式架構中的資料層。
  • 實作存放區以集中存取資料。
  • 使用 Retrofit 從遠端伺服器擷取資料。
  • 使用 Coil 程式庫載入和顯示圖片。
  • 實作依附元件插入來分離類別,從而更輕鬆地測試、維護和擴展應用程式。
從網際網路取得資料
連線至網際網路
影片
Kotlin Playground 中的協同程式簡介
程式碼實驗室
Android Studio 中的協同程式簡介
程式碼實驗室
HTTP/REST 簡介
影片
從網際網路取得資料
程式碼實驗室
後續步驟
影片
測驗
從網際網路載入並顯示圖片
架構:資料層
影片
新增存放區和手動插入依附元件
程式碼實驗室
從網際網路載入並顯示圖片
程式碼實驗室
練習:建構兩棲動物應用程式
程式碼實驗室
專案:建構書架應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 6:資料持續性

3 節課程 | 時長︰10 小時

瞭解如何將資料儲存在裝置本機上,並確保應用程式能在網路中斷時持續運作,讓使用者享有流暢且一致的體驗。
  • 瞭解 SQL 的基礎知識,以從 SQLite 資料庫插入、更新和刪除資料。
  • 使用 Room 程式庫在 Android 應用程式中新增資料庫。
  • 使用資料庫檢查器測試資料庫問題並偵錯。
  • 使用 Preference DataStore 儲存使用者偏好設定。
SQL 簡介
資料庫和 SQL 簡介
影片
使用 SQL 讀取資料庫並在其中寫入資料
程式碼實驗室
後續步驟
影片
測驗
使用 Room 持續保留資料
實作 Kotlin Flows
影片
測試 Flows
文章
使用 Room Kotlin API
影片
使用 Room 持續保留資料
程式碼實驗室
使用 Room 讀取及更新資料
程式碼實驗室
練習:建構 Bus Schedule 應用程式
程式碼實驗室
後續步驟
影片
測驗
透過 DataStore 以鍵的形式儲存及存取資料
Datastore 簡介
影片
Preferences Datastore
影片
使用 DataStore 將偏好設定儲存在本機
程式碼實驗室
專案:建立航班搜尋應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 7:WorkManager

1 節課程 | 時長︰3 小時

Android Jetpack 的 WorkManager API 可以讓您安排備份資料或下載新內容等必要背景工作的執行時間。即使應用程式關閉或裝置重新啟動,這類背景工作仍會保持運作。
  • 定義需要在背景工作中執行的長時間執行任務。
  • 在 Android 應用程式中新增 WorkManager。
  • 建立 Worker 物件和佇列工作。
  • 在 WorkRequests 上建立限制條件。
  • 使用背景工作檢查器檢查 WorkManager 並偵錯。
使用 WorkManager 安排任務
WorkManager 簡介
影片
實作 WorkManager
影片
使用 WorkManager 處理背景工作
程式碼研究室
進階 WorkManager 和測試
程式碼研究室
練習:建構 Water Me 應用程式
程式碼研究室
測驗
單元 8︰View 和 Compose

2 節課程 | 時長︰4 小時

瞭解如何在同一應用程式中同時使用 Compose 和以 View 為基礎的舊版 UI 工具包。這個單元將說明互通性 API 和最佳做法,讓您瞭解如何透過 View 為現有應用程式新增功能、使用採用 View 的現有程式庫,或者使用 Compose 尚未提供的 UI 元件。
  • 瞭解以 View 為基礎的 UI 工具包,並使用 XML 建構應用程式 UI。
  • 在使用 View 建構的應用程式中新增可組合項。
  • 在應用程式中新增導覽元件,並用於在片段之間導覽。
  • 使用 AndroidView 來顯示檢視畫面。
  • 在 Compose 應用程式中新增現有的以 View 為基礎的使用者介面元件。
Android View 和 View 中的 Compose
Android View 系統
影片
使用 View 建構 Android 應用程式
程式碼研究室
View 中的 Compose
影片
將 Compose 新增至舊版應用程式
程式碼研究室
測驗
Compose 中的 View
Compose 中的 View
影片
Compose 中的 View 互通性
程式碼研究室
將 Compose 新增至舊版應用程式
程式碼研究室
測驗