0Pricing
Jetpack Compose Academy icon
KotlinMobileAndroidFrontendLevel A1 → B215 bahasa

Jetpack Compose Academy

Bangun UI Android modern dengan Jetpack Compose, toolkit deklaratif Google di Kotlin. Dari Composable pertama Anda hingga publikasi di Google Play. Jalur belajar CoddyKit yang terdiri dari 30 kursus singkat dan 120 pelajaran interaktif, dengan AI Tutor 24/7 di sisi kamu.

Kursus
30
Pelajaran
120
Langkah interaktif
1,560
Gratis untuk memulai
Kursus 1
Kurikulum

30 kursus di jalur ini

Setiap kursus dalam jalur Jetpack Compose Academy, sesuai urutan belajar. Kursus pertama gratis.

1

A14 pelajaranGratis

Siapkan Android Studio untuk Compose dan jalankan UI deklaratif pertama Anda.

  1. 1Apa yang Digantikan Compose: Selamat Tinggal XML
  2. 2Menyiapkan Android Studio untuk Compose
  3. 3Anatomi Fungsi @Composable
  4. +1 lagi
Mulai belajar gratis
2

A14 pelajaranPRO

Tulis dan pratinjau Composable yang menggambar konten nyata di layar.

  1. 1Menulis Fungsi @Composable
  2. 2Pratinjau Langsung dengan @Preview
  3. 3Memanggil Composable dari Composable
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
3

A14 pelajaranPRO

Tampilkan dan tata gaya teks dengan fon, warna, dan penekanan.

  1. 1Composable Text
  2. 2Ukuran, Ketebalan & Gaya Font
  3. 3Warna, Perataan & Luapan
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
4

A14 pelajaranPRO

Tampilkan drawable lokal, ikon vektor, dan gambar berbentuk khusus.

  1. 1Composable Image
  2. 2Ikon Material dengan Icon
  3. 3ContentScale & Pemotongan
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
5

A14 pelajaranPRO

Tambahkan tombol interaktif yang merespons ketukan.

  1. 1Button dan onClick
  2. 2Button Text, Outlined & Icon
  3. 3State Aktif, Nonaktif & Memuat
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
6

A24 pelajaranPRO

Susun Composable secara vertikal, horizontal, dan bertumpuk.

  1. 1Column: Menumpuk Secara Vertikal
  2. 2Row: Menempatkan Berdampingan
  3. 3Box: Melapisi & Menumpuk
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
7

A24 pelajaranPRO

Gunakan rantai modifier untuk mengatur ukuran, padding, dan dekorasi elemen apa pun.

  1. 1Padding, Ukuran & fillMaxWidth
  2. 2Latar Belakang, Border & Pemotongan
  3. 3Mengapa Urutan Modifier Penting
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
8

A24 pelajaranPRO

Simpan dan ubah status agar UI diperbarui secara otomatis.

  1. 1remember & mutableStateOf
  2. 2Rekomposisi: Pemicu Penggambaran Ulang
  3. 3Membangun Penghitung Ketukan
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
9

A24 pelajaranPRO

Ambil masukan pengguna melalui bidang teks dan validasikan.

  1. 1TextField & OutlinedTextField
  2. 2Label, Placeholder & Ikon Awalan
  3. 3Jenis Keyboard & Tindakan IME
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
10

A24 pelajaranPRO

Gabungkan tata letak, gambar, teks, dan status menjadi layar yang selesai.

  1. 1Membuat Sketsa Layout Kartu Profil
  2. 2Bagian Avatar, Nama & Bio
  3. 3Baris Statistik & Button Ikuti
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
11

B14 pelajaranPRO

Tampilkan daftar panjang yang dapat digulir secara efisien dengan komposisi malas.

  1. 1LazyColumn vs Column yang Dapat Digulir
  2. 2items & itemsIndexed
  3. 3Kunci untuk Daftar Stabil dan Cepat
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
12

B14 pelajaranPRO

Tata konten dalam kisi dan baris horizontal yang dapat digeser.

  1. 1Galeri LazyVerticalGrid
  2. 2LazyRow untuk Karusel
  3. 3Sel Grid Adaptif vs Tetap
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
13

B14 pelajaranPRO

Terapkan tema Material You yang selaras di seluruh aplikasi Anda.

  1. 1MaterialTheme & Skema Warna
  2. 2Tipografi & Token Bentuk
  3. 3Mode Gelap & Warna Dinamis
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
14

B14 pelajaranPRO

Bingkai layar dengan bilah atas, bilah bawah, dan FAB menggunakan Scaffold.

  1. 1Scaffold: Kerangka Layar
  2. 2TopAppBar & Ikon Tindakan
  3. 3Bilah Bawah & Floating Action Button
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
15

B14 pelajaranPRO

Rancang Composable tanpa status dengan mengangkat status ke pemilik yang tepat.

  1. 1Composable Stateful vs Stateless
  2. 2Mengangkat State dengan value & onValueChange
  3. 3Satu Sumber Kebenaran
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
16

B14 pelajaranPRO

Pindahkan logika bisnis ke dalam ViewModel dan tampilkan status UI yang tidak dapat diubah.

  1. 1Mengapa ViewModel Bertahan setelah Rotasi
  2. 2viewModel() dalam Composable
  3. 3Memodelkan Data Class UiState
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
17

B14 pelajaranPRO

Berpindah antar-layar menggunakan grafik Navigation Compose.

  1. 1NavController & NavHost
  2. 2Tujuan & Rute Composable
  3. 3Meneruskan Argumen Antar-Layar
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
18

B14 pelajaranPRO

Bangun aplikasi dengan banyak bagian menggunakan bilah navigasi bawah dan baris tab.

  1. 1NavigationBar dengan Banyak Tab
  2. 2Menyorot Rute Terpilih
  3. 3Mempertahankan State Tab saat Beralih
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
19

B14 pelajaranPRO

Jalankan pekerjaan non-UI dengan aman menggunakan penangan efek Compose.

  1. 1LaunchedEffect untuk Coroutine
  2. 2rememberCoroutineScope untuk Event
  3. 3DisposableEffect & Pembersihan
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
20

B14 pelajaranPRO

Ambil JSON dari API REST dan tampilkan di UI Compose Anda.

  1. 1Mendefinisikan Interface API Retrofit
  2. 2Mengurai JSON dengan Moshi
  3. 3Pemanggilan suspend dalam ViewModel
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
21

B24 pelajaranPRO

Bangun tata letak khusus dengan mengukur dan menempatkan elemen anak sendiri.

  1. 1Model Ukur & Tempatkan
  2. 2Menulis Composable Layout
  3. 3Constraint & Pengukuran Intrinsik
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
22

B24 pelajaranPRO

Tampilkan grafik, bagan, dan bentuk kustom pada Canvas Compose.

  1. 1DrawScope: Garis, Persegi & Lingkaran
  2. 2Path, Gradien & Mode Campuran
  3. 3drawWithCache & Performa
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
23

B24 pelajaranPRO

Hidupkan layar dengan gerakan yang digerakkan oleh status dan gestur.

  1. 1animate*AsState untuk Tween Sederhana
  2. 2AnimatedVisibility & Crossfade
  3. 3updateTransition untuk Gerakan Terkoordinasi
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
24

B24 pelajaranPRO

Tangani ketukan, seretan, usapan, dan multisentuh dengan API penunjuk.

  1. 1pointerInput & detectTapGestures
  2. 2Seret, Usap & Lontar
  3. 3Transformasi: Geser, Perbesar & Putar
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
25

B24 pelajaranPRO

Profilkan dan sesuaikan Compose untuk menghilangkan komposisi ulang yang tidak perlu.

  1. 1Parameter Stabil vs Tidak Stabil
  2. 2Melewati, @Stable & @Immutable
  3. 3Menunda Pembacaan State
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
26

B24 pelajaranPRO

Alirkan data reaktif ke UI menggunakan Kotlin Flow dan StateFlow.

  1. 1StateFlow vs SharedFlow
  2. 2Memetakan & Menggabungkan Flow
  3. 3stateIn & WhileSubscribed
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
27

B24 pelajaranPRO

Simpan dan amati data secara lokal menggunakan Room dan Flow.

  1. 1Entitas, DAO & Database
  2. 2Query Reaktif yang Mengembalikan Flow
  3. 3Pola Repository
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
28

B24 pelajaranPRO

Hubungkan dependensi ke ViewModel dan layar menggunakan Hilt.

  1. 1Mengapa DI: Kode yang Mudah Diuji dan Tidak Terikat
  2. 2Modul, @Provides & @Binds
  3. 3hiltViewModel & @HiltViewModel
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
29

B24 pelajaranPRO

Tulis test unit dan UI yang andal untuk layar Compose Anda.

  1. 1createComposeRule & Pencari
  2. 2Assertion & Menjalankan Tindakan
  3. 3Semantik & Tag Test
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
30

B24 pelajaranPRO

Sempurnakan, kemas, dan rilis aplikasi Compose yang siap produksi.

  1. 1Aksesibilitas & UI dari Tepi ke Tepi
  2. 2Baseline Profile untuk Startup Cepat
  3. 3Bundel Aplikasi Rilis Bertanda Tangan
  4. +1 lagi
Mulai belajar gratisBuka dengan PRO
CoddyKit PRO

Buka akses ke semua 30 kursus di jalur ini dan semua jalur lainnya

AI Tutor, ujian sertifikasi, dan sertifikat. Bisa digunakan di web, iOS, dan Android.

Lihat semua paket
Tahunan$29.90 / tahunSekitar $2.49 per bulanBayar sekaliSeumur hidup$69.99 sekaliTanpa perpanjangan. PRO selamanya.
Ringkasan Kursus

Jetpack Compose: Build Android Apps

Bangun UI Android modern dengan Jetpack Compose, toolkit deklaratif Google di Kotlin. Track ini mencakup 30 mini-kursus progresif dari pemula absolut (A1) hingga tingkat lanjut (B2), dengan pelajaran fokus singkat dan kuis cepat untuk menguatkan setiap konsep.

What You Will Learn

Mulai dengan Composable pertama Anda, layout, dan state, kemudian bangun list, navigasi, dan Material 3 theming. Tingkatkan ke ViewModels, coroutines dan Flow, Room, Hilt, custom layout, performa recomposition, testing, dan publikasi ke Google Play. Setiap pelajaran bersifat praktis, dengan tutor AI 24/7 tersedia saat Anda mengalami kesulitan.

How It Works

Setiap kursus dibagi menjadi empat pelajaran fokus berukuran kecil. Selesaikan beberapa pelajaran setiap hari dan Anda akan menguasai track lengkap dalam hitungan minggu, bukan bulan.

Alat

Berlatih dengan AI, bukan hanya membaca

Tingkatkan pembelajaran kamu dengan alat dan fitur bertenaga AI

Chat AIChat dengan tutor AIAjukan Pertanyaan SuperDapatkan jawaban level expertPROBuat PelajaranPembangun pelajaran bertenaga AIPROMulai Ujian SertifikasiRaih sertifikat kamuPROMulai TantanganUji kemampuanmu

Cara Kamu Belajar

  1. 01

    Pelajaran Interaktif

    Latihan koding langsung dengan umpan balik real-time

  2. 02

    AI Tutor

    Dapatkan bantuan instan dari AI kami saat kamu stuck

  3. 03

    Editor Bawaan

    Tulis dan jalankan kode langsung di browser kamu

  4. 04

    Sertifikat

    Raih sertifikat saat kamu menyelesaikan kursus

Lanjutkan eksplorasi

Jalur belajar terkait

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…
FAQ

Pertanyaan yang Sering Diajukan

Apakah kursus Jetpack Compose Academy gratis?

Ya. Kamu bisa memulai kursus Jetpack Compose Academy secara gratis dan menyelesaikan pelajaran interaktifnya tanpa biaya. Langganan PRO opsional membuka akses ke alat AI tingkat lanjut dan sertifikat yang bisa dibagikan.

Apakah aku perlu pengalaman sebelumnya untuk belajar Kotlin?

Tidak. Kursus dimulai dari dasar dan secara bertahap bergerak ke topik yang lebih canggih, jadi kamu bisa memulai meski tanpa pengalaman Kotlin sebelumnya.

Bagaimana cara aku belajar Kotlin di CoddyKit?

Kamu belajar dengan praktik. Pelajaran interaktif pendek memadukan penjelasan yang jelas dengan latihan koding langsung yang berjalan real-time, dan tutor AI 24/7 memberikan bantuan personal kapan pun kamu stuck.

Apakah aku dapat sertifikat saat menyelesaikan Jetpack Compose Academy?

Ya. Pelajar PRO bisa mengikuti ujian dan meraih sertifikat penyelesaian yang bisa dibagikan dengan kode verifikasi untuk kursus Jetpack Compose Academy.

Bisakah aku belajar Kotlin di ponselku?

Ya. CoddyKit tersedia di web dan sebagai aplikasi native iOS dan Android, jadi kamu bisa belajar Kotlin di perangkat apa pun dan progresmu tersinkronisasi di semuanya.

Berapa biaya CoddyKit PRO?

Kursus pertama dari Jetpack Compose Academy gratis. CoddyKit PRO membuka akses ke semua kursus: $5.90 per minggu, $7.90 per bulan, $29.90 per tahun, atau $69.99 sekali untuk akses seumur hidup tanpa perpanjangan.

Berapa lama waktu yang dibutuhkan untuk menyelesaikan Jetpack Compose Academy?

Jetpack Compose Academy memiliki 30 kursus dan 120 pelajaran. Sebagian besar pelajaran membutuhkan sekitar 5–10 menit, jadi seluruh jalur ini memerlukan sekitar 14 jam latihan langsung, sesuai kecepatan kamu.

Mulai Jetpack Compose Academy Sekarang

Bergabunglah dengan ribuan pelajar yang menguasai pemrograman dengan pelajaran bertenaga AI.

Mulai belajar gratisJelajahi Semua Kursus