0Pricing
Jetpack Compose Academy icon
KotlinMobileAndroidFrontendระดับ A1 → B215 ภาษา

Jetpack Compose Academy

สร้าง Android UIs ที่ทันสมัยด้วย Jetpack Compose ซึ่งเป็น declarative toolkit ของ Google ใน Kotlin ตั้งแต่ Composable แรกของคุณไปจนถึงการเผยแพร่บน Google Play. เส้นทางการเรียนรู้ของ CoddyKit ที่มี 30 คอร์สสั้นและ 120 บทเรียนแบบโต้ตอบ พร้อมติวเตอร์ AI ที่อยู่เคียงข้างคุณตลอด 24/7

คอร์ส
30
บทเรียน
120
ขั้นตอนแบบโต้ตอบ
1,560
เริ่มต้นได้ฟรี
คอร์ส 1
หลักสูตร

30 คอร์สในเส้นทางนี้

ทุกคอร์สในเส้นทาง Jetpack Compose Academy เรียงตามลำดับการเรียนรู้ คอร์สแรกเรียนได้ฟรี

1

A14 บทเรียนฟรี

ตั้งค่า Android Studio สำหรับ Compose และเรียกใช้ UI แบบประกาศของคุณเป็นครั้งแรก

  1. 1สิ่งที่ Compose มาแทนที่: ลาก่อน XML
  2. 2ตั้งค่า Android Studio สำหรับ Compose
  3. 3กายวิภาคของฟังก์ชัน @Composable
  4. +1 เพิ่มเติม
เริ่มเรียนฟรี
2

A14 บทเรียนPRO

เขียนและดูตัวอย่าง Composable ที่วาดเนื้อหาจริงบนหน้าจอ

  1. 1เขียนฟังก์ชัน @Composable
  2. 2พรีวิวแบบสดด้วย @Preview
  3. 3เรียกใช้ Composable จาก Composable
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
3

A14 บทเรียนPRO

แสดงและจัดรูปแบบข้อความด้วยแบบอักษร สี และการเน้น

  1. 1Composable Text
  2. 2ขนาด น้ำหนัก และรูปแบบตัวอักษร
  3. 3สี การจัดแนว และเนื้อหาล้น
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
4

A14 บทเรียนPRO

แสดง drawable ภายในเครื่อง ไอคอนเวกเตอร์ และรูปภาพที่มีรูปร่าง

  1. 1Composable Image
  2. 2ไอคอน Material ด้วย Icon
  3. 3ContentScale และการครอบตัด
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
5

A14 บทเรียนPRO

เพิ่มปุ่มแบบโต้ตอบที่ตอบสนองต่อการแตะ

  1. 1Button และ onClick
  2. 2ปุ่มข้อความ ปุ่มมีเส้นขอบ และปุ่มไอคอน
  3. 3สถานะเปิดใช้ ปิดใช้ และกำลังโหลด
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
6

A24 บทเรียนPRO

จัดเรียง Composable ในแนวตั้ง แนวนอน และซ้อนกัน

  1. 1Column: เรียงสิ่งต่าง ๆ ในแนวตั้ง
  2. 2Row: วางสิ่งต่าง ๆ เคียงข้างกัน
  3. 3Box: ซ้อนและทับซ้อน
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
7

A24 บทเรียนPRO

ใช้สายโซ่ตัวปรับแต่งเพื่อกำหนดขนาด ระยะขอบ และตกแต่งองค์ประกอบใด ๆ

  1. 1ระยะขอบ ขนาด และ fillMaxWidth
  2. 2พื้นหลัง เส้นขอบ และการตัด
  3. 3เหตุใดลำดับตัวปรับแต่งจึงสำคัญ
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
8

A24 บทเรียนPRO

เก็บและเปลี่ยนสถานะ เพื่อให้ UI อัปเดตโดยอัตโนมัติ

  1. 1remember และ mutableStateOf
  2. 2การประกอบใหม่: อะไรเป็นตัวกระตุ้นการวาดใหม่
  3. 3สร้างตัวนับการแตะ
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
9

A24 บทเรียนPRO

รับข้อมูลที่ผู้ใช้ป้อนด้วยช่องข้อความและตรวจสอบความถูกต้อง

  1. 1TextField และ OutlinedTextField
  2. 2ป้ายกำกับ ข้อความตัวอย่าง และไอคอนนำหน้า
  3. 3ชนิดแป้นพิมพ์และการดำเนินการ IME
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
10

A24 บทเรียนPRO

ผสานเลย์เอาต์ รูปภาพ ข้อความ และสถานะให้เป็นหน้าจอที่เสร็จสมบูรณ์

  1. 1ร่างเลย์เอาต์การ์ดโปรไฟล์
  2. 2ส่วนรูปประจำตัว ชื่อ และประวัติ
  3. 3แถวสถิติและปุ่มติดตาม
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
11

B14 บทเรียนPRO

แสดงรายการยาวที่เลื่อนได้อย่างมีประสิทธิภาพด้วยการประกอบแบบขี้เกียจ

  1. 1LazyColumn กับคอลัมน์แบบเลื่อนได้
  2. 2items และ itemsIndexed
  3. 3คีย์สำหรับรายการที่เสถียรและรวดเร็ว
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
12

B14 บทเรียนPRO

จัดวางเนื้อหาในตารางและแถวแนวนอนที่ปัดได้

  1. 1แกลเลอรี LazyVerticalGrid
  2. 2LazyRow สำหรับภาพหมุน
  3. 3เซลล์กริดแบบปรับตามขนาดกับแบบคงที่
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
13

B14 บทเรียนPRO

ใช้ธีม Material You ที่เป็นหนึ่งเดียวกันทั่วทั้งแอป

  1. 1MaterialTheme และชุดสี
  2. 2ตัวกำหนดรูปแบบตัวอักษรและรูปทรง
  3. 3โหมดมืดและสีแบบไดนามิก
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
14

B14 บทเรียนPRO

วางกรอบหน้าจอด้วยแถบด้านบน แถบด้านล่าง และ FAB ด้วย Scaffold

  1. 1Scaffold: โครงร่างหน้าจอ
  2. 2TopAppBar และไอคอนการดำเนินการ
  3. 3แถบด้านล่างและปุ่มการดำเนินการลอย
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
15

B14 บทเรียนPRO

ออกแบบ Composable ที่ไม่มีสถานะโดยย้ายสถานะไปยังเจ้าของที่เหมาะสม

  1. 1Composable แบบมีสถานะกับไร้สถานะ
  2. 2ยกสถานะขึ้นด้วย value และ onValueChange
  3. 3แหล่งความจริงเพียงหนึ่งเดียว
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
16

B14 บทเรียนPRO

ย้ายตรรกะทางธุรกิจไปไว้ใน ViewModel และเปิดเผยสถานะ UI ที่แก้ไขไม่ได้

  1. 1เหตุใด ViewModel จึงคงอยู่เมื่อหมุนหน้าจอ
  2. 2viewModel() ใน Composable
  3. 3จำลองคลาสข้อมูล UiState
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
17

B14 บทเรียนPRO

ย้ายไปมาระหว่างหน้าจอด้วยกราฟ Navigation Compose

  1. 1NavController และ NavHost
  2. 2ปลายทางและเส้นทาง Composable
  3. 3ส่งอาร์กิวเมนต์ระหว่างหน้าจอ
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
18

B14 บทเรียนPRO

สร้างแอปหลายส่วนด้วยแถบนำทางด้านล่างและแถวแท็บ

  1. 1NavigationBar พร้อมแท็บหลายแท็บ
  2. 2เน้นเส้นทางที่เลือก
  3. 3คงสถานะแท็บเมื่อสลับ
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
19

B14 บทเรียนPRO

เรียกใช้งานที่ไม่เกี่ยวกับ UI อย่างปลอดภัยด้วยตัวจัดการเอฟเฟกต์ของ Compose

  1. 1LaunchedEffect สำหรับโครูทีน
  2. 2rememberCoroutineScope สำหรับเหตุการณ์
  3. 3DisposableEffect และการล้างทรัพยากร
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
20

B14 บทเรียนPRO

ดึงข้อมูล JSON จาก REST API และแสดงใน UI ของ Compose

  1. 1กำหนดอินเทอร์เฟซ API ของ Retrofit
  2. 2แยกวิเคราะห์ JSON ด้วย Moshi
  3. 3การเรียกแบบ suspend ใน ViewModel
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
21

B24 บทเรียนPRO

สร้างเลย์เอาต์เฉพาะทางด้วยการวัดและจัดวางองค์ประกอบลูกด้วยตนเอง

  1. 1โมเดลการวัดและการวางตำแหน่ง
  2. 2เขียน Layout Composable
  3. 3ข้อจำกัดและการวัดโดยธรรมชาติ
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
22

B24 บทเรียนPRO

แสดงกราฟิก แผนภูมิ และรูปร่างแบบกำหนดเองบน Canvas ของ Compose

  1. 1DrawScope: เส้น สี่เหลี่ยม และวงกลม
  2. 2เส้นพาธ ไล่ระดับสี และโหมดผสม
  3. 3drawWithCache และประสิทธิภาพ
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
23

B24 บทเรียนPRO

ทำให้หน้าจอมีชีวิตชีวาด้วยการเคลื่อนไหวที่ขับเคลื่อนด้วยสถานะและท่าทาง

  1. 1animate*AsState สำหรับการเปลี่ยนค่าอย่างง่าย
  2. 2AnimatedVisibility และ Crossfade
  3. 3updateTransition สำหรับการเคลื่อนไหวที่ประสานกัน
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
24

B24 บทเรียนPRO

จัดการการแตะ การลาก การปัด และการสัมผัสหลายจุดด้วย pointer API

  1. 1pointerInput และ detectTapGestures
  2. 2ลาก ปัด และสะบัด
  3. 3การแปลง: เลื่อน ซูม และหมุน
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
25

B24 บทเรียนPRO

วิเคราะห์ประสิทธิภาพและปรับแต่ง Compose เพื่อตัดการประกอบใหม่ที่ไม่จำเป็น

  1. 1พารามิเตอร์เสถียรกับไม่เสถียร
  2. 2การข้าม @Stable และ @Immutable
  3. 3เลื่อนการอ่านสถานะออกไป
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
26

B24 บทเรียนPRO

ส่งข้อมูลแบบรีแอกทีฟเข้าสู่ UI ด้วย Kotlin Flow และ StateFlow

  1. 1StateFlow กับ SharedFlow
  2. 2แมปและรวม Flow
  3. 3stateIn และ WhileSubscribed
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
27

B24 บทเรียนPRO

จัดเก็บและเฝ้าดูข้อมูลภายในเครื่องด้วย Room และ Flow

  1. 1เอนทิตี DAO และฐานข้อมูล
  2. 2การค้นหาแบบตอบสนองที่ส่งคืน Flow
  3. 3รูปแบบ Repository
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
28

B24 บทเรียนPRO

เชื่อมการพึ่งพาเข้ากับ ViewModel และหน้าจอด้วย Hilt

  1. 1เหตุใดจึงต้องใช้ DI: โค้ดที่ทดสอบได้และแยกส่วน
  2. 2โมดูล @Provides และ @Binds
  3. 3hiltViewModel และ @HiltViewModel
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
29

B24 บทเรียนPRO

เขียนการทดสอบหน่วยและการทดสอบ UI ที่เชื่อถือได้สำหรับหน้าจอ Compose

  1. 1createComposeRule และตัวค้นหา
  2. 2การตรวจสอบและการดำเนินการ
  3. 3ความหมายและแท็กการทดสอบ
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
30

B24 บทเรียนPRO

ขัดเกลา จัดแพ็กเกจ และเผยแพร่แอป Compose ที่พร้อมใช้งานจริง

  1. 1การช่วยการเข้าถึงและส่วนติดต่อผู้ใช้เต็มขอบ
  2. 2โปรไฟล์พื้นฐานสำหรับการเริ่มต้นที่รวดเร็ว
  3. 3ชุดแอปสำหรับเผยแพร่ที่ลงลายเซ็นแล้ว
  4. +1 เพิ่มเติม
เริ่มเรียนฟรีปลดล็อกด้วย PRO
CoddyKit PRO

ปลดล็อกทั้ง 30 คอร์สในเส้นทางนี้และทุกเส้นทางอื่น

ติวเตอร์ AI การสอบวัดระดับ และใบรับรอง ใช้งานได้บนเว็บ iOS และ Android

ดูแผนทั้งหมด
รายปี$29.90 / ปีประมาณ $2.49 ต่อเดือนจ่ายครั้งเดียวตลอดชีพ$69.99 ครั้งเดียวไม่มีการต่ออายุ ใช้ PRO ได้ตลอดไป
ภาพรวมคอร์ส

Jetpack Compose: Build Android Apps

สร้าง Android UIs ที่ทันสมัยด้วย Jetpack Compose ซึ่งเป็น declarative toolkit ของ Google ใน Kotlin Track นี้ครอบคลุม mini-courses ที่มีความก้าวหน้า 30 รายการตั้งแต่ระดับเริ่มต้น (A1) ไปจนถึงขั้นสูง (B2) พร้อมบทเรียนที่เน้นเฉพาะเรื่องและแบบทดสอบด่วนเพื่อฝึกแต่ละแนวคิด

สิ่งที่คุณจะเรียนรู้

เริ่มต้นด้วย Composable แรกของคุณ layouts และ state จากนั้นสร้าง lists navigation และ Material 3 theming ก้าวหน้าไปยัง ViewModels coroutines และ Flow Room Hilt custom layouts recomposition performance testing และการเผยแพร่บน Google Play บทเรียนทุกบทเป็นเนื้อหาปฏิบัติ พร้อมกับ AI tutor ที่พร้อมใช้งาน 24/7 เมื่อคุณติดขัด

วิธีการทำงาน

แต่ละ course ถูกแบ่งออกเป็นบทเรียน 4 บทที่เน้นเฉพาะเรื่องและย่อเล็ก ทำบทเรียนไม่กี่บทต่อวันและคุณจะเชี่ยวชาญ track ทั้งหมดได้ในหลายสัปดาห์แทนที่จะเป็นหลายเดือน

เครื่องมือ

ฝึกฝนกับ AI ไม่ใช่แค่อ่าน

เพิ่มพลังการเรียนรู้ของคุณด้วยเครื่องมือและฟีเจอร์ที่ขับเคลื่อนด้วย AI

แชท AIแชทกับติวเตอร์ AIถามคำถามขั้นสูงรับคำตอบในระดับผู้เชี่ยวชาญPROสร้างบทเรียนตัวสร้างบทเรียนที่ขับเคลื่อนด้วย AIPROเริ่มการสอบวัดระดับรับใบรับรองของคุณPROเริ่มชาเลนจ์ทดสอบทักษะของคุณ

วิธีการเรียนรู้ของคุณ

  1. 01

    บทเรียนแบบโต้ตอบ

    แบบฝึกหัดการเขียนโค้ดโดยตรงพร้อมข้อเสนอแนะแบบเรียลไทม์

  2. 02

    ติวเตอร์ AI

    ได้รับความช่วยเหลือแบบทันทีจาก AI ของเราเมื่อคุณติดขัด

  3. 03

    ตัวแก้ไขในตัว

    เขียนและรันโค้ดโดยตรงในเบราว์เซอร์ของคุณ

  4. 04

    ใบรับรอง

    ได้รับใบรับรองเมื่อคุณเสร็จสิ้นหลักสูตร

สำรวจต่อ

เส้นทางการเรียนรู้ที่เกี่ยวข้อง

Kotlin AcademyAdvance your Kotlin skills and build modern applications with Kotlin Academy.Android AcademyLearn Kotlin to build robust Android applications with Android Academy.Kotlin Multiplatform AcademyShare Kotlin code across Android, iOS, and beyond with Kotlin Multiplatform. From expect/…SwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile DevelopmentMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…OAuth2 & OpenID Connect Deep DiveMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…
คำถามที่พบบ่อย

คำถามที่พบบ่อย

หลักสูตร Jetpack Compose Academy ฟรีหรือไม่

ใช่ คุณสามารถเริ่มหลักสูตร Jetpack Compose Academy ได้ฟรีและเสร็จสิ้นบทเรียนแบบโต้ตอบโดยไม่มีค่าใช้จ่าย การสมัครสมาชิก PRO ที่เป็นทางเลือกจะปลดล็อกเครื่องมือ AI ขั้นสูงและใบรับรองที่แชร์ได้

ฉันต้องมีประสบการณ์มาก่อนหรือไม่ในการเรียนรู้ Kotlin

ไม่ หลักสูตรเริ่มต้นด้วยพื้นฐานและค่อยๆ ไปสู่หัวข้อที่ซับซ้อนมากขึ้น ดังนั้นคุณสามารถเริ่มได้แม้ว่าจะไม่มีประสบการณ์ Kotlin มาก่อน

ฉันจะเรียนรู้ Kotlin บน CoddyKit ได้อย่างไร

คุณเรียนรู้โดยการลงมือทำ บทเรียนสั้น ๆ แบบโต้ตอบจับคู่คำอธิบายที่ชัดเจนกับแบบฝึกหัดการเขียนโค้ดที่ทำงานในเวลาจริง และติวเตอร์ AI ที่ทำงาน 24/7 ให้ความช่วยเหลือแบบบุคคลเมื่อคุณติดขัด

ฉันได้รับใบรับรองสำหรับการเสร็จสิ้น Jetpack Compose Academy หรือไม่

ใช่ ผู้เรียน PRO สามารถสอบและได้รับใบรับรองการเสร็จสิ้นที่แชร์ได้พร้อมรหัสที่สามารถตรวจสอบได้สำหรับหลักสูตร Jetpack Compose Academy

ฉันสามารถเรียนรู้ Kotlin บนโทรศัพท์ของฉันได้หรือไม่

ใช่ CoddyKit พร้อมใช้งานบนเว็บและเป็นแอปพลิเคชันแบบเนทีฟ iOS และ Android ดังนั้นคุณสามารถเรียนรู้ Kotlin บนอุปกรณ์ใดก็ได้และความคืบหน้าของคุณจะซิงค์ในทุกอุปกรณ์

CoddyKit PRO ราคาเท่าไหร่?

คอร์สแรกของ Jetpack Compose Academy เรียนได้ฟรี CoddyKit PRO ปลดล็อกทุกคอร์ส: $5.90 ต่อสัปดาห์, $7.90 ต่อเดือน, $29.90 ต่อปี หรือ $69.99 แบบจ่ายครั้งเดียวเพื่อเข้าถึงตลอดชีพโดยไม่มีการต่ออายุ

ใช้เวลานานแค่ไหนในการเรียนจบ Jetpack Compose Academy?

เส้นทาง Jetpack Compose Academy มี 30 คอร์สและ 120 บทเรียน บทเรียนส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที ดังนั้นทั้งเส้นทางจะใช้เวลาฝึกปฏิบัติประมาณ 14 ชั่วโมง โดยเรียนได้ตามจังหวะของคุณเอง

เริ่มเรียน Jetpack Compose Academy ตอนนี้

เข้าร่วมกับผู้เรียนนับพันคนที่กำลังเรียนรู้การเขียนโปรแกรมผ่านบทเรียนที่ขับเคลื่อนด้วย AI

เริ่มเรียนฟรีดูคอร์สทั้งหมด