Jetpack Compose

Pelajari Compose, toolkit modern untuk mem-build UI Android native.

 

Tutorial: Dasar-dasar Jetpack Compose

Opsional

Pelajari dasar-dasar Compose dan cara membuat komponen UI sederhana dengan fungsi deklaratif. Pahami fungsi composable, tata letak dasar, serta cara kerja Desain Material, daftar, dan animasi di Compose.

Ringkasan Jetpack Compose

Video Opsional

Dapatkan ringkasan Jetpack Compose dan pelajari pengertian toolkit UI deklaratif serta cara menggunakan Compose untuk membuat UI yang menarik.

Paradigma Compose

Opsional

Pelajari perbedaan pendekatan deklaratif Compose dengan pendekatan berbasis View yang mungkin telah Anda gunakan sebelumnya.

Dasar-dasar Jetpack Compose

Codelab

Dapatkan pengalaman langsung dan pelajari dasar-dasar UI deklaratif, yang berfungsi dengan status, tata letak, dan tema. Anda akan mengetahui pengertian composable dan pengubah, cara menggunakan elemen UI dasar seperti Row dan Column, serta cara memberikan status ke aplikasi Anda.

Bermigrasi ke Jetpack Compose

Codelab

Pelajari migrasi praktis aplikasi berbasis View ke Jetpack Compose untuk memahami cara mengadopsi Compose secara bertahap, serta cari tahu dampaknya pada arsitektur dan pengujian Anda.

Tata letak dasar di Compose

Codelab

Pelajari cara kerja tata letak di Jetpack Compose, termasuk: tata letak bawaan, pengubah, dan cara membuat tata letak kustom Anda sendiri.

Tata letak lazy di Compose

Video Opsional

Pelajari cara membuat daftar scroll di Compose dan mengapa lebih mudah daripada menggunakan RecyclerView. Pelajari lebih lanjut mengapa daftar scroll bertingkat tidak diizinkan dan cara melakukannya secara berbeda, alasan item tidak boleh berukuran 0 piksel, dan alasan pentingnya menyediakan kunci unik serta cara kerja animasi item. Terakhir, temukan cara menampilkan Petak, menggunakan pengelola tata letak khusus, dan memahami cara meningkatkan pengoptimalan performa agar scroll lebih cepat.

Tema Jetpack Compose

Codelab

Dapatkan pengalaman langsung menggunakan Desain Material di Compose untuk memahami cara menyetel warna, tipografi, dan bentuk khusus pada aplikasi, serta mendukung tema terang dan gelap.

Jetpack Compose Animation

Codelab

Pelajari cara menggunakan Compose Animation API. Kita akan memulai dengan animasi nilai paling sederhana dan mempelajari API lain melalui beberapa pola animasi umum. Kita juga membahas topik lanjutan, seperti penyesuaian animasi dan animasi dengan gestur sentuh.

Status dalam Jetpack Compose

Codelab

Pelajari konsep inti terkait penggunaan Status di Jetpack Compose, untuk mem-build aplikasi Android yang kaya dan interaktif.

Status dan efek samping lanjutan di Jetpack Compose

Codelab

Pelajari konsep lanjutan terkait API status dan efek samping di Jetpack Compose. Pelajari cara membuat holder status untuk composable stateful yang rumit, membuat coroutine, dan memanggil fungsi penangguhan dari kode Compose, serta memicu efek samping untuk berbagai kasus penggunaan.

Jetpack Compose Navigation

Codelab

Pelajari cara menggunakan library Jetpack Navigation di Compose, menavigasi dalam aplikasi Anda, menavigasi dengan argumen, mendukung deep link, dan menguji navigasi Anda.

Gotcha Performa Umum di Jetpack Compose

Video Opsional

Jetpack Compose dapat terasa seperti keajaiban, tetapi apa yang akan Anda lakukan jika keajaiban itu tidak berperforma tinggi seperti yang Anda inginkan? Diskusi ini akan membahas praktik terbaik di Jetpack Compose terkait performa, kesalahan umum, dan cara menghindarinya.

Pengujian di Jetpack Compose

Codelab

Pelajari cara menguji UI Jetpack Compose. Tulis pengujian pertama Anda serta pelajari pengujian terpisah, pengujian proses debug, hierarki semantik, dan sinkronisasi pengujian.

Aksesibilitas di Jetpack Compose

Codelab

Pelajari cara meningkatkan kegunaan aplikasi, terutama untuk pengguna dengan disabilitas. Tingkatkan ukuran target sentuh, tambahkan deskripsi konten, buat tindakan kustom, dan lainnya.

Kuis Jetpack Compose

Uji pengetahuan Anda tentang Compose dan dapatkan badge Jetpack Compose.