訓練課程
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 簡介

課程 1 | 時長︰3 小時
瞭解 Kotlin 的程式設計入門概念。

事前準備
程式碼實驗室
歡迎學習「Android 基本概念:使用 Compose」
影片
您的第一個 Kotlin 程式
程式碼實驗室
在 Kotlin 中建立和使用變數
程式碼實驗室
在 Kotlin 中建立和使用函式
程式碼實驗室
練習︰Kotlin 基本概念
程式碼實驗室
後續步驟
影片
測驗
設定 Android Studio

課程 2 | 時長︰4 小時
安裝及設定 Android Studio,建立您的第一個專案,然後在裝置或模擬器上執行。

Android Studio 簡介
影片
下載並安裝 Android Studio
程式碼實驗室
建立第一個 Android 應用程式
程式碼實驗室
在 Android Emulator 上執行第一個應用程式
程式碼實驗室
如何連接 Android Emulator
程式碼實驗室
後續步驟
影片
測驗
建立基本版面配置

課程 3 | 時長︰3 小時
建構具有簡單使用者介面的 Android 應用程式,當中將顯示文字和圖片。

Jetpack Compose 簡介
影片
設計生日賀卡應用程式
影片
以文字可組合函式建構簡單的應用程式
程式碼實驗室
將圖片新增至 Android 應用程式
程式碼實驗室
練習:Compose 基本概念
程式碼實驗室
專案:建立名片應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 2:建構應用程式使用者介面

3 節課程 | 時長︰21 小時

繼續學習 Kotlin 基礎知識,並開始建構更具互動性的應用程式。
  • 在 Kotlin 中使用條件、函式類型、類別和 lambda 運算式。
  • 瞭解組合和重新組合的運作方式。
  • 在應用程式使用者介面中新增按鈕並回應使用者輕觸。
  • 建立可處理使用者輸入資料的應用程式。
  • 瞭解如何使用狀態來顯示資料,並在資料更新時自動反映變更。
  • 編寫單元測試來測試隔離函式。
Kotlin 基礎知識

課程 1 | 時長︰8 小時
進一步瞭解 Kotlin、物件導向程式設計和 lambda 的基礎知識。

Kotlin 基礎知識
影片
在 Kotlin 中編寫條件式
程式碼實驗室
在 Kotlin 中使用是否可為空值
程式碼實驗室
在 Kotlin 中使用類別和物件
程式碼實驗室
在 Kotlin 中使用函式類型和 lambda 運算式
程式碼實驗室
練習:Kotlin 基礎知識
程式碼實驗室
後續步驟
影片
測驗
在應用程式中新增按鈕

課程 2 | 時長︰6 小時
瞭解如何在 Android 應用程式中回應按鈕點擊動作。

Dice Roller 應用程式簡介
影片
建立互動式的 Dice Roller 應用程式
程式碼實驗室
在 Android Studio 中使用偵錯工具
程式碼實驗室
練習:點擊行為
程式碼實驗室
後續步驟
影片
測驗
與使用者介面和狀態互動

課程 3 | 時長︰7 小時
建立小費計算機應用程式,根據使用者輸入內容計算小費。

瞭解 Compose 中的狀態
影片
小費計算機簡介
影片
Compose 中的狀態簡介
程式碼實驗室
計算自訂小費
程式碼實驗室
編寫自動化測試
程式碼實驗室
專案:建立 Art Space 應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 3:顯示清單並使用 Material Design

3 節課程 | 時長︰15 小時

建構能夠顯示資料清單的應用程式,並瞭解如何運用 Material Design 讓應用程式更美觀。
  • 在 Kotlin 中使用資料類別、函式和集合。
  • 在同時顯示文字和圖片的應用程式中建立捲動式清單。
  • 新增點擊事件監聽器以與清單項目互動。
  • 在應用程式中新增應用程式列並修改應用程式主題。
  • 透過 Material Design 使用顏色、形狀和字體,建構直覺易用的現代使用者介面。
更多 Kotlin 基礎知識

課程 1 | 時長︰8 小時
瞭解更多 Kotlin 程式設計概念,幫助您建構出更有趣、更生動的 Android 應用程式。

更多 Kotlin 基礎知識
影片
泛型、物件和擴充功能
程式碼實驗室
在 Kotlin 中使用集合
程式碼實驗室
含有集合的高階函式
程式碼實驗室
練習:類別與集合
程式碼實驗室
測驗
建構捲動式清單

課程 2 | 時長︰4 小時
運用 Compose 建立可以顯示捲動式文字和圖片清單的應用程式。

Affirmations 應用程式簡介
影片
新增捲動式清單
程式碼實驗室
變更應用程式圖示
程式碼實驗室
練習:建構格線
程式碼實驗室
後續步驟
影片
測驗
建構美觀的應用程式

課程 3 | 時長︰3 小時
運用 Material Design、動畫和無障礙功能最佳做法,讓應用程式更美觀且易用。

Material Design 和 Compose 簡介
影片
使用 Jetpack Compose 進行 Material Design 主題設定
程式碼實驗室
Jetpack Compose 簡易動畫
程式碼實驗室
測試無障礙功能
程式碼實驗室
練習:建構超級英雄應用程式
程式碼實驗室
專案:建立 30 天的應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 4:導覽和應用程式架構

3 節課程 | 時長︰28 小時

瞭解建立應用程式架構的最佳做法,建構更複雜的應用程式。增強使用者導航、進入和退出應用程式不同畫面的能力,從而提供一致且可預測的使用者體驗。
  • 說明活動及其生命週期。
  • 瞭解現代 Android 架構。
  • 使用 StateFlow 和 UDF 模式處理狀態和事件。
  • 新增 ViewModel,以儲存資料和狀態。
  • 設定導覽元件,並將其與 Compose 搭配使用。
  • 瞭解什麼是回應式使用者介面。
  • 使用視窗類別大小,針對不同的畫面尺寸構建應用程式。
  • 在應用程式中新增導覽匣。
架構元件

課程 1 | 時長︰9 小時
瞭解應用程式架構,以及如何使用 ViewModel、UI 狀態和 StateFlow 建構更加複雜的應用程式。

歡迎學習單元 4
影片
活動生命週期階段
程式碼實驗室
應用程式架構簡介
影片
架構:使用者介面層
影片
Compose 中的 ViewModel 和狀態
程式碼實驗室
撰寫單元測試以測試 ViewModel
程式碼實驗室
練習:在 Dessert Clicker 中新增 ViewModel
程式碼實驗室
後續步驟
影片
測驗
Jetpack Compose 中的導覽功能

課程 2 | 時長︰6 小時
瞭解如何使用導覽元件建構具有較多畫面且更複雜的應用程式,以及如何在不同的可組合函式之間導覽與傳遞資料。

導覽和 Cupcake 應用程式簡介
影片
程式碼實驗室
測試 Cupcake 應用程式
程式碼實驗室
練習:新增導覽
程式碼實驗室
後續步驟
影片
測驗
根據不同螢幕大小調整

課程 3 | 時長︰13 小時
在本課程中,您將瞭解如何根據不同的螢幕大小調整應用程式、提供更優質的使用者體驗,以及如何測試自動調整式使用者介面。

自動調整式版面配置
影片
回覆應用程式簡介
影片
使用動態導覽建構自動調整式應用程式
程式碼實驗室
建構含有自動調整式版面配置的應用程式
程式碼實驗室
練習:建構 Sports 應用程式
程式碼實驗室
專案:建立 My City 應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 5:連線至網際網路

2 節課程 | 時長︰9 小時

使用 Kotlin 協同程式一次執行多項任務,並瞭解 HTTP 和 REST,以使用 Retrofit 從網際網路取得資料。然後,使用 Coil 程式庫在應用程式中顯示圖片。
  • 描述並行的基礎知識,以及如何在 Android 應用程式中使用協同程式。
  • 定義並瞭解現代 Android 應用程式架構中的資料層。
  • 實作存放區以集中存取資料。
  • 使用 Retrofit 從遠端伺服器擷取資料。
  • 使用 Coil 程式庫載入和顯示圖片。
  • 實作依附元件插入來分離類別,從而更輕鬆地測試、維護和擴展應用程式。
從網際網路取得資料

課程 1 | 時長︰6 小時
實作協同程式,以便在不封鎖應用程式的情況下並行執行任務,並瞭解如何使用 HTTP 和 REST 從網際網路取得資料。

連線至網際網路
影片
Kotlin Playground 中的協同程式簡介
程式碼實驗室
Android Studio 中的協同程式簡介
程式碼實驗室
HTTP/REST 簡介
影片
從網際網路取得資料
程式碼實驗室
後續步驟
影片
測驗
從網際網路載入並顯示圖片

課程 2 | 時長︰3 小時
為應用程式套用架構最佳做法,並使用 Coil 下載及顯示圖片。

架構:資料層
影片
新增存放區和手動插入依附元件
程式碼實驗室
從網際網路載入並顯示圖片
程式碼實驗室
練習:建構兩棲動物應用程式
程式碼實驗室
專案:建構書架應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 6:資料持續性

3 節課程 | 時長︰10 小時

瞭解如何將資料儲存在裝置本機上,並確保應用程式能在網路中斷時持續運作,讓使用者享有流暢且一致的體驗。
  • 瞭解 SQL 的基礎知識,以從 SQLite 資料庫插入、更新和刪除資料。
  • 使用 Room 程式庫在 Android 應用程式中新增資料庫。
  • 使用資料庫檢查器測試資料庫問題並偵錯。
  • 使用 Preference DataStore 儲存使用者偏好設定。
SQL 簡介

課程 1 | 時長︰2 小時
瞭解如何使用 SQL 讀取和操控關聯式資料庫中的資料。

資料庫和 SQL 簡介
影片
使用 SQL 讀取資料庫並在其中寫入資料
程式碼實驗室
後續步驟
影片
測驗
使用 Room 持續保留資料

課程 2 | 時長︰6 小時
使用 Room 程式庫在 Android 應用程式中輕鬆建立及使用關聯式資料庫。

實作 Kotlin Flows
影片
測試 Flows
文章
使用 Room Kotlin API
影片
使用 Room 持續保留資料
程式碼實驗室
使用 Room 讀取及更新資料
程式碼實驗室
練習:建構 Bus Schedule 應用程式
程式碼實驗室
後續步驟
影片
測驗
透過 DataStore 以鍵的形式儲存及存取資料

課程 3 | 時長︰2 小時
瞭解如何在 Android 應用程式中使用 Preferences DataStore 儲存簡單的鍵/值組合資料。

Datastore 簡介
影片
Preferences Datastore
影片
使用 DataStore 將偏好設定儲存在本機
程式碼實驗室
專案:建立航班搜尋應用程式
程式碼實驗室
後續步驟
影片
測驗
單元 7:WorkManager

1 節課程 | 時長︰3 小時

Android Jetpack 的 WorkManager API 可以讓您安排備份資料或下載新內容等必要背景工作的執行時間。即使應用程式關閉或裝置重新啟動,這類背景工作仍會保持運作。
  • 定義需要在背景工作中執行的長時間執行任務。
  • 在 Android 應用程式中新增 WorkManager。
  • 建立 Worker 物件和佇列工作。
  • 在 WorkRequests 上建立限制條件。
  • 使用背景工作檢查器檢查 WorkManager 並偵錯。
使用 WorkManager 安排任務

課程 1 | 時長︰3 小時
瞭解 WorkManager 的使用時機和使用方式;不論應用程式處理序是否仍在執行,WorkManager API 都可用於處理必須執行的背景工作。

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

課程 1 | 時長︰3 小時
瞭解使用 Android View 建構應用程式的基本概念,以及如何透過使用 View 建構的應用程式來新增可組合函式。

Android View 系統
影片
使用 View 建構 Android 應用程式
程式碼研究室
View 中的 Compose
影片
將 Compose 新增至舊版應用程式
程式碼研究室
測驗
Compose 中的 View

課程 2 | 時長︰1 小時
瞭解如何在使用 Jetpack Compose 建構的應用程式中新增及使用現有的 View。

Compose 中的 View
影片
Compose 中的 View 互通性
程式碼研究室
將 Compose 新增至舊版應用程式
程式碼研究室
測驗