PricingLoginStart free
Jetpack Compose Academy logo
KotlinWebMudah alihTahap A1 → B222 bahasa

Jetpack Compose Academy

Bina UI Android moden dengan Jetpack Compose, kit alat deklaratif Google dalam Kotlin. Bermula daripada Composable pertama anda hingga menerbitkan aplikasi di Google Play. Laluan pembelajaran CoddyKit yang merangkumi 30 kursus pendek dan 120 pelajaran interaktif, dengan tutor kecerdasan buatan 24/7 di sisi anda.

Kursus
30
Pelajaran
120
Langkah interaktif
1,560
Percuma untuk bermula
Kursus 1
Kurikulum

30 kursus dalam laluan ini

Setiap kursus dalam laluan Jetpack Compose Academy, mengikut urutan pembelajaran. Kursus pertama adalah percuma.

1

A14 pelajaranPercuma

Sediakan Android Studio untuk Compose dan jalankan UI deklaratif pertama anda.

  1. 1Apa yang Digantikan oleh Compose: Selamat Tinggal XML
  2. 2Menyediakan Android Studio untuk Compose
  3. 3Anatomi Fungsi @Composable
  4. +1 lagi
Mula belajar secara percuma
2

A14 pelajaranPRO

Tulis dan pratonton Composable yang melukis kandungan sebenar pada skrin.

  1. 1Menulis Fungsi @Composable
  2. 2Pratonton Langsung dengan @Preview
  3. 3Memanggil Composable daripada Composable
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
3

A14 pelajaranPRO

Paparkan dan gayakan teks dengan fon, warna dan penegasan.

  1. 1Composable Text
  2. 2Saiz, Berat & Gaya Fon
  3. 3Warna, Penjajaran & Limpahan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
4

A14 pelajaranPRO

Paparkan drawable setempat, ikon vektor dan imej berbentuk.

  1. 1Composable Image
  2. 2Ikon Material dengan Icon
  3. 3ContentScale & Pemangkasan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
5

A14 pelajaranPRO

Tambahkan butang interaktif yang bertindak balas terhadap ketikan.

  1. 1Butang dan onClick
  2. 2Butang Teks, Berbingkai & Ikon
  3. 3State Diaktifkan, Dilumpuhkan & Memuat
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
6

A24 pelajaranPRO

Susun Composable secara menegak, mendatar dan bertindan.

  1. 1Column: Menyusun Secara Menegak
  2. 2Row: Meletakkan Bersebelahan
  3. 3Box: Melapiskan & Bertindih
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
7

A24 pelajaranPRO

Gunakan rantaian pengubah suai untuk menetapkan saiz, padding dan hiasan bagi mana-mana elemen.

  1. 1Padding, Saiz & fillMaxWidth
  2. 2Latar Belakang, Sempadan & Klip
  3. 3Mengapa Susunan Pengubah Penting
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
8

A24 pelajaranPRO

Simpan dan ubah keadaan supaya UI anda dikemas kini secara automatik.

  1. 1remember & mutableStateOf
  2. 2Penggubahan Semula: Perkara yang Mencetuskan Lukisan Semula
  3. 3Membina Pembilang Ketikan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
9

A24 pelajaranPRO

Tangkap input pengguna dengan medan teks dan sahkannya.

  1. 1TextField & OutlinedTextField
  2. 2Label, Pemegang Tempat & Ikon Hadapan
  3. 3Jenis Papan Kekunci & Tindakan IME
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
10

A24 pelajaranPRO

Gabungkan susun atur, imej, teks dan keadaan menjadi skrin yang lengkap.

  1. 1Melakar Reka Letak Kad Profil
  2. 2Bahagian Avatar, Nama & Bio
  3. 3Baris Statistik & Butang Ikut
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
11

B14 pelajaranPRO

Paparkan senarai panjang yang boleh ditatal dengan cekap menggunakan gubahan malas.

  1. 1LazyColumn berbanding Lajur Boleh Tatal
  2. 2items & itemsIndexed
  3. 3Kunci untuk Senarai Stabil dan Pantas
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
12

B14 pelajaranPRO

Susun kandungan dalam grid dan baris mendatar yang boleh dileret.

  1. 1Galeri LazyVerticalGrid
  2. 2LazyRow untuk Karusel
  3. 3Sel Grid Adaptif berbanding Tetap
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
13

B14 pelajaranPRO

Gunakan tema Material You yang selaras pada seluruh aplikasi anda.

  1. 1MaterialTheme & Skema Warna
  2. 2Tipografi & Token Bentuk
  3. 3Mod Gelap & Warna Dinamik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
14

B14 pelajaranPRO

Bentukkan skrin dengan bar atas, bar bawah dan FAB menggunakan Scaffold.

  1. 1Scaffold: Rangka Skrin
  2. 2TopAppBar & Ikon Tindakan
  3. 3Bar Bawah & Butang Tindakan Terapung
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
15

B14 pelajaranPRO

Reka Composable tanpa keadaan dengan mengangkat keadaan kepada pemilik yang sesuai.

  1. 1Composable Berstate berbanding Tanpa State
  2. 2Menaikkan State dengan value & onValueChange
  3. 3Satu Sumber Kebenaran
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
16

B14 pelajaranPRO

Alihkan logik perniagaan ke dalam ViewModel dan dedahkan keadaan UI tidak berubah.

  1. 1Mengapa ViewModel Kekal Merentas Putaran
  2. 2viewModel() dalam Composable
  3. 3Memodelkan Kelas Data UiState
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
17

B14 pelajaranPRO

Bergerak antara skrin dengan graf Navigation Compose.

  1. 1NavController & NavHost
  2. 2Destinasi & Laluan Composable
  3. 3Menghantar Argumen antara Skrin
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
18

B14 pelajaranPRO

Bina aplikasi berbilang bahagian dengan bar navigasi bawah dan baris tab.

  1. 1NavigationBar dengan Berbilang Tab
  2. 2Menyerlahkan Laluan Terpilih
  3. 3Mengekalkan State Tab ketika Bertukar
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
19

B14 pelajaranPRO

Jalankan kerja bukan UI dengan selamat menggunakan pengendali kesan Compose.

  1. 1LaunchedEffect untuk Coroutine
  2. 2rememberCoroutineScope untuk Peristiwa
  3. 3DisposableEffect & Pembersihan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
20

B14 pelajaranPRO

Dapatkan JSON daripada API REST dan paparkannya dalam UI Compose anda.

  1. 1Mentakrifkan Antara Muka API Retrofit
  2. 2Menghuraikan JSON dengan Moshi
  3. 3Panggilan suspend dalam ViewModel
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
21

B24 pelajaranPRO

Bina susun atur tersuai dengan mengukur dan meletakkan anak sendiri.

  1. 1Model Ukur & Letak
  2. 2Menulis Composable Layout
  3. 3Kekangan & Ukuran Intrinsik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
22

B24 pelajaranPRO

Paparkan grafik tersuai, carta dan bentuk pada Canvas Compose.

  1. 1DrawScope: Garis, Segi Empat & Bulatan
  2. 2Laluan, Kecerunan & Mod Campuran
  3. 3drawWithCache & Prestasi
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
23

B24 pelajaranPRO

Hidupkan skrin dengan pergerakan dipacu keadaan dan gerak isyarat.

  1. 1animate*AsState untuk Tween Ringkas
  2. 2AnimatedVisibility & Crossfade
  3. 3updateTransition untuk Gerakan Terkoordinasi
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
24

B24 pelajaranPRO

Kendalikan ketikan, seretan, leretan dan pelbagai sentuhan dengan API penuding.

  1. 1pointerInput & detectTapGestures
  2. 2Seret, Leret & Lontar
  3. 3Transformasi: Sorot, Zum & Putar
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
25

B24 pelajaranPRO

Profilkan dan tala Compose untuk menghapuskan gubahan semula yang tidak diperlukan.

  1. 1Parameter Stabil berbanding Tidak Stabil
  2. 2Melangkau, @Stable & @Immutable
  3. 3Menangguhkan Pembacaan State
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
26

B24 pelajaranPRO

Alirkan data reaktif ke dalam UI dengan Kotlin Flow dan StateFlow.

  1. 1StateFlow berbanding SharedFlow
  2. 2Memetakan & Menggabungkan Flow
  3. 3stateIn & WhileSubscribed
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
27

B24 pelajaranPRO

Simpan dan perhatikan data secara setempat dengan Room dan Flow.

  1. 1Entiti, DAO & Pangkalan Data
  2. 2Pertanyaan Reaktif yang Mengembalikan Flow
  3. 3Corak Repositori
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
28

B24 pelajaranPRO

Sambungkan kebergantungan ke dalam ViewModels dan skrin dengan Hilt.

  1. 1Mengapa DI: Kod Boleh Diuji dan Terpisah
  2. 2Modul, @Provides & @Binds
  3. 3hiltViewModel & @HiltViewModel
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
29

B24 pelajaranPRO

Tulis ujian unit dan UI yang boleh dipercayai untuk skrin Compose anda.

  1. 1createComposeRule & Pencari
  2. 2Penegasan & Pelaksanaan Tindakan
  3. 3Semantik & Tag Ujian
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
30

B24 pelajaranPRO

Kemaskan, pakejkan dan terbitkan aplikasi Compose yang sedia untuk pengeluaran.

  1. 1Kebolehcapaian & UI Tepi ke Tepi
  2. 2Profil Garis Dasar untuk Permulaan Pantas
  3. 3Himpunan Aplikasi Keluaran Bertandatangan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
CoddyKit PRO

Dapatkan akses kepada kesemua 30 kursus dalam laluan ini dan semua laluan lain

Tutor AI, peperiksaan pensijilan dan sijil. Berfungsi di laman web, iOS dan Android.

Lihat semua pelan
Tahunan$29.90 / tahunKira-kira $2.49 sebulanBayar sekaliSeumur hidup$69.99 sekaliTiada pembaharuan. PRO selama-lamanya.
Gambaran Keseluruhan Kursus

Jetpack Compose: Bina Aplikasi Android

Bina UI Android moden dengan Jetpack Compose, kit alat deklaratif Google dalam Kotlin. Laluan ini merangkumi 30 kursus mini progresif daripada pemula sepenuhnya (A1) hingga tahap lanjutan (B2), dengan pelajaran ringkas dan kuiz pantas untuk mengukuhkan setiap konsep.

Apa yang Akan Anda Pelajari

Mulakan dengan Composable pertama, susun atur dan keadaan, kemudian bina senarai, navigasi dan tema Material 3. Seterusnya, pelajari ViewModels, coroutine dan Flow, Room, Hilt, susun atur tersuai, prestasi penggubahan semula, pengujian dan penerbitan di Google Play. Setiap pelajaran bersifat praktikal, dengan tutor AI 24/7 yang tersedia apabila anda buntu.

Cara Kursus Ini Berfungsi

Setiap kursus dibahagikan kepada empat pelajaran ringkas dan berfokus. Lengkapkan beberapa pelajaran sehari dan anda akan menguasai seluruh laluan dalam beberapa minggu, bukan bulan.

Alat

Berlatih dengan AI, bukan sekadar membaca

Tingkatkan pembelajaran anda dengan alat dan ciri berkuasa AI

Sembang AIBerbual dengan tutor AITanya Soalan SuperDapatkan jawapan bertaraf pakarPROCipta PelajaranPembina pelajaran berkuasa AIPROMulakan Peperiksaan PensijilanDapatkan sijil andaPROMulakan CabaranUji kemahiran anda

Cara Anda Belajar

  1. 01

    Pelajaran Interaktif

    Latihan pengekodan amali dengan maklum balas masa nyata

  2. 02

    Tutor AI

    Dapatkan bantuan segera daripada AI kami apabila anda buntu

  3. 03

    Penyunting Terbina Dalam

    Tulis dan jalankan kod terus dalam pelayar anda

  4. 04

    Sijil

    Dapatkan sijil selepas melengkapkan kursus

Terus meneroka

Laluan pembelajaran berkaitan

Kotlin Academy logoKotlin AcademyAdvance your Kotlin skills and build modern applications with Kotlin Academy.Android Academy logoAndroid AcademyLearn Kotlin to build robust Android applications with Android Academy.Kotlin Multiplatform Academy logoKotlin Multiplatform AcademyShare Kotlin code across Android, iOS, and beyond with Kotlin Multiplatform. From expect/…SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoPembangunan Aplikasi Mudah Alih FlutterMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…OAuth2 & OpenID Connect Deep Dive logoOAuth2 & OpenID Connect secara MendalamMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…
FAQ

Soalan Lazim

Adakah kursus Jetpack Compose Academy percuma?

Ya. Anda boleh memulakan kursus Jetpack Compose Academy secara percuma dan mengikuti pelajaran interaktifnya tanpa sebarang bayaran. Langganan PRO pilihan membuka akses kepada alat kecerdasan buatan lanjutan dan sijil yang boleh dikongsi.

Adakah saya memerlukan pengalaman terdahulu untuk mempelajari Kotlin?

Tidak. Kursus ini bermula dengan asas dan beralih secara beransur-ansur kepada topik yang lebih maju, jadi anda boleh bermula walaupun tanpa pengalaman terdahulu dalam Kotlin.

Bagaimanakah saya akan mempelajari Kotlin di CoddyKit?

Anda belajar melalui amali. Pelajaran interaktif yang ringkas menggabungkan penerangan yang jelas dengan latihan pengekodan praktikal yang berjalan dalam masa nyata, manakala tutor kecerdasan buatan 24/7 memberikan bantuan yang diperibadikan apabila anda menghadapi kesukaran.

Adakah saya mendapat sijil selepas menamatkan Jetpack Compose Academy?

Ya. Pelajar PRO boleh menduduki peperiksaan dan memperoleh sijil tamat kursus yang boleh dikongsi, lengkap dengan kod yang boleh disahkan untuk kursus Jetpack Compose Academy.

Bolehkah saya mempelajari Kotlin melalui telefon saya?

Ya. CoddyKit tersedia di web dan sebagai aplikasi asli iOS serta Android, jadi anda boleh mempelajari Kotlin pada mana-mana peranti dan kemajuan anda disegerakkan merentas semua peranti.

Berapakah kos CoddyKit PRO?

Kursus pertama dalam Jetpack Compose Academy adalah percuma. CoddyKit PRO membuka akses kepada setiap kursus: $5.90 seminggu, $7.90 sebulan, $29.90 setahun atau $69.99 sekali untuk akses seumur hidup tanpa pembaharuan.

Berapa lama masa yang diperlukan untuk melengkapkan Jetpack Compose Academy?

Jetpack Compose Academy mempunyai 30 kursus dan 120 pelajaran. Kebanyakan pelajaran mengambil masa kira-kira 5–10 minit, jadi keseluruhan laluan ini memerlukan sekitar 14 jam latihan amali, mengikut rentak anda sendiri.

Mulakan Jetpack Compose Academy Sekarang

Sertai ribuan pelajar yang menguasai pengaturcaraan melalui pelajaran berkuasa kecerdasan buatan.

Mula belajar secara percumaSemak Semua Kursus