2022 最新入門基礎課程 Jetpack Compose教學【從零開始學 Jetpack Compose 程式設計】Jetpack Compose 教學課程目錄 (Android Kotlin, Android Studio, Android APP 開發教學)

【從零開始學 Jetpack Compose 程式設計】

線上教學課程目錄: https://bit.ly/3JF4SFA
Youtube 課程播放清單:https://bit.ly/3tFjRbx
Udemy 線上課程:https://bit.ly/3MbVnhO


本課程開發環境:

  • Android Studio Chipmunk | 2021.2.1 Patch 1
  • Android 12
  • Kotlin 1.6.x

HKT 講師,相關課程

HKT 講師,相關課程:
🎬 從零開始學 SwiftUI 程式設計 免費講義
https://bit.ly/3xCbUUp
🎬 從零開始學 Swift 程式設計 免費講義
https://bit.ly/3ekjsEP
🎬Android 入門開發實戰:口罩地圖(Kotlin) 免費講義
https://bit.ly/2KKZcju
🎬從零開始學 Dart 程式設計 免費講義
https://bit.ly/2OJW6hl
🎬 Flutter 程式設計入門實戰 免費講義
https://bit.ly/37L47Ij
🎬從零開始學 Java 程式設計 免費講義
https://bit.ly/2WlCn6y
🎬 從零開始學 kotlin 程式設計 免費講義
https://bit.ly/2Kx7GrM

從零開始學 Jetpack Compose 程式設計

最新 Android APP 應用程式開發攻略,使用 Kotlin 聲明式宣告構建 Android UI 最佳指南,Jetpack Compose 程式語言基礎入門課程

課程說明

在新世代 Google 打破於過去十幾年來,在 Android 用傳統 XML 佈局 UI 畫面的經驗,改推出全新 Jetpack Compose 宣告式佈局語法,使用更少的程式碼,可以更直覺的方式構建 Android UI 原生界面。Compose 程式語言,更容易學習、可以輕鬆上手,具有更快速、現代、可互動等特性。

這門課程完全適合 Jetpack Compose 初學者,首先我們將安裝 Jetpack Compose 開發環境,然後編寫並運行第一行 Jetpack Compose 程式。接下來介紹 Jetpack Compose 常用基本 UI 元件與進階使用知識,完全從零開始,初學者無痛上手。

如果你已經是一名 kotlin (Android) 開發者,你可以透過這門課程來了解超棒 Jetpack Compose 程式語言。讓你可以編寫更乾淨、更強大的應用程式。

網路自學 Android 最常見的三大痛

  1. 學習資訊東拼西湊,無法有系統很完整性的學習
  2. 英文資料看得霧煞煞,一頭霧水
  3. 觀念混淆,挫折感超重

課程特色

  1. 由淺入深,無痛學習 Jetpack Compose 的程式開發技巧
  2. 一次掌握 Jetpack Compose 最常用的核心關鍵知識
  3. 繁體中文教材,系統化的課綱編排,HKT (侯光燦) 講師影片教學

課程目錄

從零開始學 Jetpack Compose 程式設計

準備開始

No.課程名稱影片講義
1為什麼要用 Jetpack Compose ?連結連結
2下載與安裝 Android Studio 教學連結連結
3使用 Android Studio 建立第一個 Jetpack Compose 範本專案連結連結
4Android Studio 整合式開發環境介紹連結連結
5Jetpack Compose Preview 預覽功能介紹連結連結
6建立 Android 模擬器並編譯運行專案介紹連結連結
7Jetpack Compose 依賴庫介紹連結連結

Kotlin 語法補充篇

No.課程名稱影片講義
1函數指定參數值、預設參數值設定連結連結
2Lambda (1) 匿名函數概念介紹連結連結
3Lambda (2) 沒有參數篇連結連結
4Lambda (3) 單個參數篇連結連結
5Lambda (4) 多個參數篇連結連結
6Builder Pattern 建造者模式連結連結

佈局容器介紹

No.課程名稱影片講義
1使用空專案介紹 Jetpack Compose連結連結
2基礎佈局 Column、Row、Box 和 Constraintlayout 簡介連結連結
3使用 Preview 預覽畫面與實際模擬器運行差異比較連結連結

Column 垂直佈局

No.課程名稱影片講義
1Column 垂直佈局,基礎使用方式介紹連結連結
2Column 垂直佈局,排列對齊方式介紹連結連結
3Column 垂直佈局,使用色塊排列介紹連結連結

Row 水平佈局

No.課程名稱影片講義
1Row 水平佈局,基礎使用方式介紹連結連結
2Row 水平佈局,排列對齊方式介紹連結連結
3Row 水平佈局,使用色塊排列介紹連結連結

Box 堆疊佈局

No.課程名稱影片講義
1Box 堆疊佈局,基礎使用方式介紹連結連結

基本佈局,混和使用

No.課程名稱影片講義
1基本佈局,混和使用概念介紹連結連結
2基本佈局,混和使用實作範例連結連結

ConstraintLayout 約束佈局

No.課程名稱影片講義
1ConstraintLayout 約束佈局簡介連結連結
2ConstraintLayout 約束佈局實作範例連結連結
3ConstraintLayout 約束佈局 Guideline 使用介紹與實作範例連結連結
4ConstraintLayout 約束佈局 Chain 使用介紹與實作範例連結連結

Text 文字元件

No.課程名稱影片講義
1Text 文字元件,基本使用方式介紹連結連結
2Compose 函數目錄分類介紹連結連結
3改變 Text 文字顏色的三種方式 (系統定義、指定 RGB 或 Hex 色碼)連結連結
4改變 Text 字體大小連結連結
5改變 Text 字體樣式連結連結
6顯示底線與刪除線樣式連結連結
7改變 Text 內部間距連結連結
8Text 多國語言設定顯示技巧連結連結

Button 按鈕元件

No.課程名稱影片講義
1Button 按鈕元件,基本使用方式介紹連結連結
2改變 Button 按鈕外觀與內容顏色連結連結
3改變 Button 按鈕內部間距連結連結
4基本計數器範例連結連結
5實戰練習:計數器 (作業答案講解)連結連結

TextField 文字輸入框元件

No.課程名稱影片講義
1TextField 文字輸入框元件,基本使用方式介紹連結連結
2鍵盤種類設定連結連結
3TextField 密碼密文顯示設定方式連結連結
4按鈕按下獲取文字輸入框資料連結連結
5實作練習:BMI 計算機 (作業答案講解)連結連結

Image 圖片元件

No.課程名稱影片講義
1Image 圖片元件,基本使用方式介紹連結連結
2使用第三方 LIb : Coil,AsyncImage 顯示網路圖片連結連結
3Image 圖片大小、延展和圓型裁切介紹連結連結
4實作練習:亂數隨機顯示骰子圖片 (作業答案講解)連結連結

Scaffold 鷹架介紹

No.課程名稱影片講義
1Scaffold 鷹架介紹 - topBar連結連結
2Scaffold 鷹架介紹 - Floating action buttons連結連結
3Scaffold 鷹架介紹 - Navigation 返回按鈕顯示方式連結連結
4Scaffold 鷹架介紹 - Action 更多按鈕與下拉選單顯示設定方式連結連結
5Scaffold 鷹架介紹 - Floating action buttons連結連結

Theme 主題設定介紹

No.課程名稱影片講義
1套用自定義主題風格連結連結
2判斷當下是否為深色主題連結連結
3自定義顏色風格設定連結連結
4自定義字體風格設定連結連結

列表元件

No.課程名稱影片講義
1Column 沒有回收機制的滾動列表連結連結
2LazyColumn 列表資料佈局方式連結連結
3實作範例:模擬天氣 app 列表資料連結連結

資料處理

No.課程名稱影片講義
1Slot API 槽位佈局方式連結連結
2MutableState 三種使用方式連結連結
3remember 和 rememberSaveable 差異比較連結連結
4狀態提升 (State hoisting)連結連結
5本機範圍資料 (CompositionLocal) 使用介紹連結連結
6MVVM 架構 (architecture) 介紹連結連結
7計數器採用 MVVM 實作範例連結連結
8Compose 與 room 資料庫,採用 MVVM 存取架構範例介紹連結連結
9Compose 與 room 資料庫實作 CRUD 範例連結連結
No.課程名稱影片講義
1Navigation 基本概念連結連結
2Stack 頁面堆疊容器概念連結連結
3Navigation 基本頁面切換實作範例連結連結
4Navigation 移除過場頁實作範例連結連結
5Navigation 基本資料傳遞實作範例連結連結
6Navigation 可選參數資料傳遞實作範例連結連結
7Navigation 傳遞整包資料實作範例連結連結

Compose for Desktop 桌面應用程式設計

No.課程名稱影片講義
1IntelliJ IDEA 整合式開發環境安裝介紹篇連結連結
2Compose for Desktop 與 Multiplatform 專案範本差異介紹連結連結
3為什麼要使用Compose Declarative 宣告式語法佈局 UI連結連結
4建立第一個桌面應用程式專案設定連結連結
5如何編譯並執行 Compose 專案與 IntelliJ IDEA 開發環境基礎介紹連結連結
6如何將 Compose 專案打包成 Windows、macOS 和 Linux 安裝檔連結連結

著作聲明

「從零開始學 Jetpack Compose 程式設計」中提供所有的圖文、程式碼與影片教學,以下簡稱「本資料」。「本資料」,允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須註明出處。教學影片內容,為 HKT 線上教室製作,HKT. 侯光燦 主講。

商標內容聲明

「本資料」,其中所引用之各商標及產品名稱分屬其合法公司所有,「本資料」,部分採用開放源始碼、圖文與影音等多媒體,引用自於網路,皆屬於其原作者之所有,「本資料」引用純屬介紹之用,並無任何侵權之意,特此聲明,其中內容若有不妥,或是侵犯了您的合法權益,請麻煩通知我們,我們將會迅速協助將侵權的部分移除,謝謝!

*有任何問題,麻煩聯繫,謝謝。

活動演講、贊助、公益等相關商業合作邀約,聯絡請洽:粉絲團訊息 or 來信
thishkt@gmail.com

贊助我們

創作不易,知識無價,免費線上教學就像顆種子,希望藉由您的支持與贊助,能夠無後顧之憂的日漸茁壯,努力前行堅持下去。不論捐贈金額的大小,我們都由衷的感謝每位贊助者,都是我們推廣知識、開放共享平台最大的動力!

您的捐贈將用於:請作者喝杯咖啡,鼓勵繼續創作,持續上傳教學影片與更多新技術文章。

Line Pay 打賞


(由 Line Pay 支付平台,提供一卡通轉帳服務)

街口打賞


(由街口行動支付平台,提供轉帳服務)

超商代碼繳費打賞

(由綠界科技支付平台,提供超商繳費代碼)

相關連結

▶ HKT 線上教室
https://hkt.teachable.com/
▶ YouTube 頻道
https://goo.gl/3f2pJi
▶ KT 線上教室 臉書粉絲團
https://goo.gl/27H9Li
▶ 贊助我們
https://goo.gl/FiKXAu

這個網誌中的熱門文章

2023 最新入門零基礎 Kotlin教學【從零開始學 Kotlin 程式設計】Kotlin 教學課程目錄 (Android Kotlin, IntelliJ IDEA, Android Studio, Android APP 開發教學)

nano 文字編輯器

最新入門零基礎 Java 教學【從零開始學 Java 程式設計】Java教學課程目錄 (IntelliJ IDEA 開發教學)

2022 最新入門零基礎 Flutter教學 【Flutter 程式設計入門實戰 30 天】Flutter 教學課程目錄 (IntelliJ IDEA 開發教學)

Android Studio 歷代版本下載點