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

這個網誌中的熱門文章

nano 文字編輯器

作者： -
圖片
新建／打開文件 nano 路徑+文件名 複製、剪下和貼上 # 複製一整行: Alt +6 # 剪下一整行： Ctrl +K # 貼上 Ctrl +U 搜尋 Ctrl+W 搜尋關鍵字 存檔 Ctrl+O 退出離開 nano 文字編輯器 Ctrl+X 如果你修改了文件，尚未存檔，會詢問你是否需要保存修改。輸入Y確認保存，輸入N不保存，按Ctrl+C取消返回。 如果輸入了Y，下一步會讓你輸入想要保存的文件名。如果不需要修改文件名，直接按 enter即可；若想要保存成別的名字或是另存檔名，則輸入新的名稱然後按 enter即可。這個時候也可用Ctrl+C來取消返回。
Read more »

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

作者： -
圖片
【從零開始學 Kotlin 程式設計】 線上教學課程目錄： https://bit.ly/2Kx7GrM Youtube 課程播放清單： https://bit.ly/3qJ5a5Q 本課程開發環境： Intellij IDEA 2023.1.2 Kotlin 1.8.x Java JDK 17.0.x (Eclipse Temurin - AdoptOpenJDK) HKT 講師，線上教學相關課程 HKT 講師，相關課程： 🎬 Jetpack Compose 教學講義 https://bit.ly/3JF4SFA 🎬 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 從零開始學 Kotlin 程式設計 Kotlin 程式語言基礎入門課程，寫給新手的開發筆記，學習 Kotlin 最佳指南。這是一個非常好的學習資源，它可以幫助初學者更快地學習 Kotlin 程式語言。 課程說明 Kotlin 又被稱之為 Android 界的 Swift，Google I/O 2017 年，正式宣布 Kotlin 成為 Android 官方開發語言。Android Studio 3 官方正式直接支援 Kotlin 語法，可以使用 Kotlin 來開發 Android 行動應用程式。 Google I/O 2019 年，再次對外宣布 Kotlin 已成為 Android 第一首選開發語言 (First Language)。kotlin 的重要性今非昔比，你還在用 Java 開發 Android 應用程式嗎？ 這門課程完全適合初學者，無須任何撰寫過程式碼經驗，我們將從零基礎開始介紹，撰寫程式語言需具備的基礎知識。我們將從安裝 Kotlin 開發環境，然後學習寫第一行 Kotlin 程式。接下來介紹 Kotlin 基礎語法、邏輯判斷條件控制並討論循環控制...
Read more »

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

作者： -
圖片
【Flutter 程式設計入門實戰 30 天】 線上教學課程目錄  使用 Dart 程式語言，開發 Android 和 iOS APP 應用程式。 HKT 講師，相關課程 HKT 講師，相關課程： 🎬 從零開始學 kotlin 程式設計 免費講義 https://bit.ly/2Kx7GrM 🎬 從零開始學 Jetpack Compose 程式設計 https://bit.ly/3JF4SFA 🎬Android 入門開發實戰：口罩地圖(Kotlin) 免費講義 https://bit.ly/2KKZcju 🎬從零開始學 Dart 程式設計 免費講義 https://bit.ly/2OJW6hl 🎬 Flutter 程式設計入門實戰 免費講義 https://bit.ly/37L47Ij 🎬從零開始學 Java 程式設計 免費講義 https://bit.ly/2WlCn6y 🎬 從零開始學 Swift 程式設計 免費講義 https://bit.ly/3ekjsEP 2024 最新 Flutter 教學：Flutter 終極指南 https://www.youtube.com/playlist?list=PL9muXAsyRXOEBEXU2gqKKIhanPqREbvsm Flutter 程式設計入門實戰 30 天 學習 Flutter 程式語言最佳指南，Flutter 程式語言基礎入門課程 課程說明 Flutter 是由 Google 主導的 Dart 程式語言研發出來的開源跨平台軟體框架 (Framework)，可開發 Android、iOS APP 行動應用程式、Web 網頁服務、Windows、macOS、Linux 和下一世代神秘 Fuchsia 作業系統桌面應用程式。且具有相當高效率 120FPS 的渲染性能，豐富的UI元件，媲美 Native 原生效能體驗。眾多優勢之下使得 Flutter 成為今年最熱門的新技術。看得出來 Google 未來將透過 Flutter 一統江山。只需要用一套程式語言就可以在多平台上任遊運行。 這門課程完全適合初學者，無須任何編寫過程式碼經驗，我們將從零基礎開始介紹，編寫程式語言需具備的基礎知識。完全從零開始，初學者無痛上手，將會了解如何使用 Dart 程式語言，由淺入深，快速掌握開發 Flutter ...
Read more »

16天記下7000單字

作者： -
圖片
最近剛好在看7000單字，正不知道怎麼下手來解碼這龐大的一隻害蟲， 在網路上正好看到了這個「800個句子背下7000個單詞」，又名「16天記下7000單字」， 顧名思義一天只要看懂50個句子，16天後就可以看懂800個句子也記下7000個單字。 感覺好像還蠻厲害的。但出處不明，不知那個好心人士分享的，所以我也無法註明出處， 這點到是有點可惜。 相關文章: 16天記下7000單字 傳說中的100句英語可以幫你背7000單詞-公開大解密 傳說中的7000單字由來??? 800個有趣句子幫你記憶7000個單字   1. With my own ears I clearly heard the heart beat of the nuclear bomb. 我親耳清楚地聽到原子彈的心臟的跳動。 2. Next year the bearded bear will bear a dear baby in the rear. 明年，長鬍子的熊將在後方產一頭可愛的小崽。 3. Early I searched through the earth for earthenware so as to research in earthquake. 早先我在泥土中搜尋陶器以研究地震。 4. I learn that learned earnest men earn much by learning. 我得知有學問而認真的人靠學問掙很多錢。 5. She swears to wear the pearls that appear to be pears. 她發誓要戴那些看起來像梨子的珍珠。 6. I nearly fear to tear the tearful girl's test paper. 我幾乎害怕撕那個淚流滿面的女孩的試卷。 7. The bold folk fold up the gold and hold it in hand. 大膽的人們將黃金折疊起來拿在手裡。 8. The customers are accustomed to the disgusting custom. 顧客們習慣了令人討厭的風俗。 ...
Read more »

Android Studio 歷代版本下載點

作者： -
圖片
HKT 線上教室     Java 線上教學課程目錄   Kotlin 線上教學課程目錄   Flutter 線上教學課程目錄 Android Studio 歷史版本下載點 以下 Android Studio 安裝檔，下載點皆取自於官方，KT 只是順手做個紀錄，幫助突然有需要時光回溯到舊版本的同學們，有一個地方可以傳送回去。 Android Studio 版本 作業系統 下载點 4.0.1 正式版   Windows 64bit    android-studio-ide-193.6626763-windows.exe  Mac OS X    android-studio-ide-193.6626763-mac.dmg  3.6.1 正式版  Windows 64bit android-studio-ide-192.6241897-windows.exe     Mac OS X     android-studio-ide-192.6241897-mac.dmg 3.5.3 正式版 Windows 64bit    android-studio-ide-191.5977832-windows.exe Mac OS X     android-studio-ide-191.5977832-mac.dmg 3.4.２ 正式版  Windows 64bit android-studio-ide-183.5692245-windows.exe  Mac OS X android-studio-ide-183.5692245-mac.dmg    3.3.2 正式版  Windows 64bit android-studio-ide-182.5314842-windows.exe  Mac OS X android-studio-ide-182.5314842-mac.dmg  3.2.1 正式版  Windows 64bit  ...
Read more »