Dasar-Dasar Android dengan Compose adalah kursus online mandiri tentang cara membuat aplikasi Android menggunakan praktik terbaik terbaru. Panduan ini mencakup dasar-dasar pembuatan aplikasi dengan Jetpack Compose, toolkit yang direkomendasikan untuk membuat antarmuka pengguna di Android.

Sasaran kursus

  • Memahami dasar-dasar Kotlin dan Jetpack Compose
  • Mem-build serangkaian aplikasi Android dasar
  • Menggunakan arsitektur aplikasi Android, library Jetpack, dan menangani data sesuai dengan praktik Modern Android Development

Prasyarat

  • Keterampilan komputer dasar
  • Keterampilan matematika dasar
  • Komputer yang dapat menjalankan Android Studio (lihat persyaratan sistem)
  • (Opsional) Perangkat Android
Unit 1: Aplikasi Android pertama Anda

3 pembelajaran | Durasi: 10 jam

Pelajari dasar-dasar pemrograman dan buat aplikasi Android pertama Anda.
  • Menulis program Kotlin sederhana yang menampilkan output teks.
  • Mendownload dan menginstal Android Studio.
  • Membangun aplikasi Android dengan antarmuka pengguna sederhana yang menampilkan teks dan gambar.
  • Menjalankan aplikasi di perangkat atau emulator.
Pengantar Kotlin

Pembelajaran 1 | Durasi: 3 jam
Pelajari pengantar konsep pemrograman di Kotlin.

Sebelum memulai
Codelab
Selamat datang di Dasar-Dasar Android dengan Compose!
Video
Program pertama Anda di Kotlin
Codelab
Membuat dan menggunakan variabel di Kotlin
Codelab
Membuat dan menggunakan fungsi di Kotlin
Codelab
Praktik: Dasar-Dasar Kotlin
Codelab
Apa langkah selanjutnya?
Video
Kuis
Menyiapkan Android Studio

Pembelajaran 2 | Durasi: 4 jam
Instal dan siapkan Android Studio, buat project pertama Anda, dan coba jalankan di perangkat atau emulator.

Pengantar Android Studio
Video
Mendownload dan menginstal Android Studio
Codelab
Membuat aplikasi Android pertama Anda
Codelab
Menjalankan aplikasi pertama Anda di Android Emulator
Codelab
Cara menghubungkan Android Emulator
Codelab
Apa langkah selanjutnya?
Video
Kuis
Membuat tata letak dasar

Pembelajaran 3 | Durasi: 3 jam
Buat aplikasi Android dengan antarmuka pengguna sederhana yang menampilkan teks dan gambar.

Pengantar Jetpack Compose
Video
Mendesain aplikasi kartu ulang tahun
Video
Membangun aplikasi sederhana dengan composable teks
Codelab
Menambahkan gambar ke aplikasi Android Anda
Codelab
Praktik: Dasar-Dasar Compose
Codelab
Project: Membuat aplikasi kartu nama
Codelab
Apa langkah selanjutnya?
Video
Kuis
Unit 2: Membuat UI aplikasi

3 pembelajaran | Durasi: 21 jam

Terus pelajari dasar-dasar Kotlin dan mulai mem-build aplikasi yang lebih interaktif.
  • Menggunakan kondisional, jenis fungsi, class, dan ekspresi lambda di Kotlin.
  • Memahami cara kerja komposisi dan rekomposisi.
  • Menambahkan tombol ke UI aplikasi dan merespons ketukan pengguna.
  • Membuat aplikasi yang berfungsi dengan data yang dimasukkan oleh pengguna.
  • Pelajari cara menggunakan status untuk menampilkan data dan mencerminkan perubahan secara otomatis saat data diperbarui.
  • Menulis pengujian unit untuk menguji fungsi yang terisolasi.
Dasar-dasar Kotlin

Pembelajaran 1 | Durasi: 8 jam
Pelajari dasar-dasar Kotlin, pemrograman berorientasi objek, dan lambda.

Dasar-Dasar Kotlin
Video
Menulis kondisional di Kotlin
Codelab
Menggunakan nullability di Kotlin
Codelab
Menggunakan class dan objek di Kotlin
Codelab
Menggunakan jenis fungsi dan ekspresi lambda di Kotlin
Codelab
Praktik: Dasar-Dasar Kotlin
Codelab
Apa langkah selanjutnya?
Video
Kuis
Menambahkan tombol ke aplikasi

Pembelajaran 2 | Durasi: 6 jam
Pelajari cara merespons klik tombol di aplikasi Android.

Pengantar aplikasi Dice Roller
Video
Membuat aplikasi Dice Roller interaktif
Codelab
Menggunakan debugger di Android Studio
Codelab
Praktik: Perilaku klik
Codelab
Apa langkah selanjutnya?
Video
Kuis
Berinteraksi dengan UI dan status

Pembelajaran 3 | Durasi: 7 jam
Buat aplikasi kalkulator tip yang menghitung tip dari input pengguna.

Memahami status di Compose
Video
Pengantar kalkulator tip
Video
Pengantar status di Compose
Codelab
Menghitung tip kustom
Codelab
Menulis pengujian otomatis
Codelab
Project: Membuat aplikasi Art Space
Codelab
Apa langkah selanjutnya?
Video
Kuis
Unit 3: Menampilkan daftar dan menggunakan Desain Material

3 Pembelajaran | Durasi: 15 jam

Buat aplikasi yang menampilkan daftar data dan pelajari cara membuat aplikasi menjadi lebih menarik dengan Desain Material.
  • Menggunakan class, fungsi, dan koleksi data di Kotlin.
  • Membuat daftar yang dapat di-scroll dalam aplikasi yang menampilkan teks dan gambar.
  • Menambahkan pemroses klik untuk berinteraksi dengan daftar item.
  • Menambahkan panel aplikasi ke aplikasi dan mengubah tema aplikasi.
  • Menggunakan Desain Material untuk membuat antarmuka pengguna yang modern dan intuitif dengan menggunakan warna, bentuk, dan tipografi.
Dasar-dasar Kotlin lainnya

Pembelajaran 1 | Durasi: 8 jam
Pelajari konsep pemrograman Kotlin tambahan yang akan memungkinkan Anda membangun aplikasi Android yang lebih menarik dan menyenangkan.

Dasar-dasar Kotlin lainnya
Video
Generik, objek, dan ekstensi
Codelab
Menggunakan koleksi di Kotlin
Codelab
Fungsi tingkat tinggi dengan koleksi
Codelab
Latihan: Class dan Koleksi
Codelab
Kuis
Membuat daftar yang dapat di-scroll

Pembelajaran 2 | Durasi: 4 jam
Buat aplikasi yang menampilkan daftar teks dan gambar yang dapat di-scroll menggunakan Compose.

Pengantar aplikasi Affirmations
Video
Menambahkan daftar yang dapat di-scroll
Codelab
Mengubah ikon aplikasi
Codelab
Latihan: Membuat petak
Codelab
Apa langkah selanjutnya?
Video
Kuis
Membuat aplikasi yang menarik

Pembelajaran 3 | Durasi: 3 jam
Buat aplikasi Anda lebih menarik dan intuitif untuk digunakan dengan Desain Material, animasi, dan praktik terbaik aksesibilitas.

Pengantar Desain Material dengan Compose
Video
Penerapan Tema Material dengan Jetpack Compose
Codelab
Animasi Sederhana dengan Jetpack Compose
Codelab
Menguji Aksesibilitas
Codelab
Latihan: Membuat aplikasi Superheroes
Codelab
Project: Membuat Aplikasi 30 Day
Codelab
Apa langkah selanjutnya?
Video
Kuis
Unit 4: Navigasi dan arsitektur aplikasi

3 pembelajaran | Durasi: 27 jam

Pelajari praktik terbaik arsitektur aplikasi untuk membangun aplikasi yang lebih kompleks. Tingkatkan kemampuan pengguna untuk melakukan navigasi di, ke dalam, dan ke luar dari berbagai layar dalam aplikasi Anda untuk pengalaman pengguna yang konsisten dan dapat diprediksi.
  • Menjelaskan aktivitas dan siklus prosesnya.
  • Memahami arsitektur Modern Android.
  • Menggunakan pola StateFlow dan UDF untuk menangani status dan peristiwa.
  • Menambahkan ViewModel untuk menyimpan data dan status.
  • Menyiapkan dan menggunakan komponen Navigasi dengan Compose.
  • Memahami pengertian UI responsif.
  • Menggunakan ukuran class jendela untuk membuat berbagai ukuran layar.
  • Menambahkan panel navigasi ke aplikasi.
Komponen Arsitektur

Pembelajaran 1 | Durasi: 9 jam
Pelajari arsitektur aplikasi dan cara menggunakan ViewModels, Status UI, dan StateFlow untuk membuat aplikasi yang lebih kompleks.

Selamat datang di Unit 4
Video
Tahapan siklus proses Aktivitas
Codelab
Pengantar Arsitektur aplikasi
Video
Arsitektur: Lapisan UI
Video
ViewModel dan Status dalam Compose
Codelab
Menulis pengujian unit untuk menguji ViewModel
Codelab
Praktik: Menambahkan ViewModel ke Dessert Clicker
Codelab
Apa langkah selanjutnya?
Video
Kuis
Navigasi di Jetpack Compose

Pembelajaran 2 | Durasi: 6 jam
Pelajari cara menggunakan komponen Navigasi untuk membuat aplikasi yang lebih kompleks dengan lebih banyak layar serta cara menavigasi dan meneruskan data di antara composable yang berbeda.

Pengantar Navigasi dan Aplikasi Cupcake
Video
Codelab
Menguji Aplikasi Cupcake
Codelab
Praktik: Menambahkan navigasi
Codelab
Apa langkah selanjutnya?
Video
Kuis
Menyesuaikan dengan berbagai ukuran layar

Pembelajaran 3 | Durasi: 13 jam
Di pembelajaran ini, Anda akan mengetahui cara menyesuaikan aplikasi dengan berbagai ukuran layar dan memberikan pengalaman pengguna yang lebih baik sembari mengetahui cara menguji UI adaptif Anda.

Tata Letak Adaptif
Video
Pengantar aplikasi Reply
Video
Mem-build aplikasi adaptif dengan navigasi dinamis
Codelab
Mem-build aplikasi dengan tata letak adaptif
Codelab
Latihan: Membuat aplikasi Olahraga
Codelab
Project: Membuat aplikasi My City
Codelab
Apa langkah selanjutnya?
Video
Kuis
Unit 5: Menghubungkan ke internet

2 Pembelajaran | Durasi: 14 jam

Gunakan coroutine Kotlin untuk melakukan beberapa tugas sekaligus, serta pelajari HTTP dan REST untuk mendapatkan data dari internet menggunakan Retrofit. Lalu, gunakan library Coil untuk menampilkan gambar di aplikasi.
  • Menjelaskan dasar-dasar konkurensi dan cara menggunakan coroutine di aplikasi Android.
  • Menentukan dan memahami lapisan data dalam arsitektur aplikasi Android Modern.
  • Mengimplementasikan repositori untuk memusatkan akses data.
  • Menggunakan Retrofit untuk mengambil data dari server jarak jauh.
  • Memuat dan menampilkan gambar menggunakan library Coil.
  • Mengimplementasikan injeksi dependensi untuk memisahkan class sehingga mempermudah pengujian, pemeliharaan, dan penskalaan aplikasi.
Mendapatkan data dari internet

Pembelajaran 1 | Durasi: 6 jam
Implementasikan coroutine untuk menjalankan tugas secara serentak tanpa memblokir aplikasi, serta mempelajari HTTP dan REST untuk mendapatkan data dari internet.

Menghubungkan ke internet
Video
Pengantar Coroutine di Playground Kotlin
Codelab
Pengantar Coroutine di Android Studio
Codelab
Pengantar HTTP/REST
Video
Mendapatkan data dari internet
Codelab
Apa langkah selanjutnya?
Video
Kuis
Memuat dan menampilkan gambar dari internet

Pembelajaran 2 | Durasi: 3 jam
Terapkan praktik terbaik arsitektur ke aplikasi dan gunakan Coil untuk mendownload serta menampilkan gambar.

Arsitektur: Lapisan Data
Video
Menambahkan repositori dan Injeksi Dependensi Manual
Codelab
Memuat dan menampilkan gambar dari internet
Codelab
Praktik: Mem-build aplikasi Amphibians
Codelab
Project: Membuat aplikasi Bookshelf
Codelab
Apa langkah selanjutnya?
Video
Kuis
Unit 6: Persistensi data

3 Pembelajaran | Durasi: 10 jam

Pelajari cara menyimpan data secara lokal di perangkat dan membuat aplikasi tetap berfungsi meski terjadi gangguan jaringan untuk pengalaman pengguna yang lancar dan konsisten.
  • Mempelajari dasar-dasar SQL untuk menyisipkan, memperbarui, dan menghapus data dari database SQLite.
  • Menggunakan library Room untuk menambahkan database ke aplikasi Android.
  • Menggunakan Database Inspector untuk menguji dan men-debug masalah database.
  • Menggunakan Preference DataStore untuk menyimpan preferensi pengguna.
Pengantar SQL

Pembelajaran 1 | Durasi: 2 jam
Pelajari cara menggunakan SQL untuk membaca dan memanipulasi data dalam database relasional.

Pengantar Database dan SQL
Video
Menggunakan SQL untuk membaca dan menulis ke database
Codelab
Apa langkah selanjutnya?
Video
Kuis
Menggunakan Room untuk persistensi data

Pembelajaran 2 | Durasi: 6 jam
Gunakan library Room untuk membuat dan menggunakan database relasional dengan mudah di aplikasi Android.

Penerapan Flow Kotlin
Videon
Menguji Flow
Artikel
Menggunakan Room Kotlin API
Video
Mempertahankan data dengan Room
Codelab
Membaca dan memperbarui data dengan Room
Codelab
Latihan: Membuat aplikasi Bus Schedule
Codelab
Apa langkah selanjutnya?
Video
Kuis
Menyimpan dan mengakses data yang menggunakan kunci dengan DataStore

Pembelajaran 3 | Durasi: 2 jam
Pelajari cara menyimpan data pasangan nilai kunci sederhana dengan Preferences DataStore di aplikasi Android

Pengantar Datastore
Video
Mengelola Preference DataStore
Video
Menyimpan preferensi secara lokal dengan DataStore
Codelab
Project: Membuat aplikasi Flight Search
Codelab
Apa langkah selanjutnya?
Video
Kuis
Unit 7: WorkManager

1 Pembelajaran | Durasi: 6 jam

Gunakan WorkManager API Android Jetpack untuk menjadwalkan pekerjaan latar belakang yang diperlukan, seperti pencadangan data atau download konten baru, yang terus berjalan meskipun aplikasi ditutup atau perangkat dimulai ulang.
  • Menentukan tugas yang berjalan lama yang perlu dijalankan di pekerjaan latar belakang.
  • Menambahkan WorkManager ke aplikasi Android.
  • Membuat objek Pekerja dan mengantrekan pekerjaan.
  • Membuat batasan pada WorkRequest.
  • Menggunakan Background Task Inspector untuk memeriksa dan men-debug WorkManager.
Menjadwalkan tugas dengan WorkManager

Pembelajaran1 | Durasi: 3 jam
Pelajari kapan dan bagaimana cara menggunakan WorkManager, API yang menangani pekerjaan latar belakang yang perlu dijalankan, terlepas dari apakah proses aplikasi masih berjalan atau tidak.

Pengantar WorkManager
Video
Mengimplementasikan WorkManager
Video
Pekerjaan latar belakang dengan WorkManager
Codelab
WorkManager dan Pengujian Lanjutan
Codelab
Latihan: Membuat aplikasi Water Me
Codelab
Kuis
Unit 8: Views dan Compose

2 Pembelajaran | Durasi: 4 jam

Pelajari cara menggunakan Compose dan toolkit UI lama berbasis View secara berdampingan di aplikasi yang sama. Di unit ini, Anda akan mempelajari API interoperabilitas dan praktik terbaik untuk menambahkan fitur baru ke aplikasi yang ada di View, menggunakan library yang ada yang menggunakan View, atau menggunakan komponen UI yang belum tersedia di Compose.
  • Memahami toolkit UI berbasis View dan membangun UI aplikasi menggunakan XML.
  • Menambahkan composable di aplikasi yang dibuat dengan View.
  • Menambahkan komponen Navigasi ke aplikasi dan menggunakannya untuk menavigasi antar-fragmen.
  • Menggunakan AndroidView untuk menampilkan tampilan.
  • Menambahkan komponen UI berbasis View yang sudah ada di aplikasi Compose.
View Android dan Compose di View

Pembelajaran 1 | Durasi: 3 jam
Pelajari dasar-dasar membuat aplikasi dengan View Android dan cara menambahkan composable di aplikasi yang dibuat dengan View.

Sistem View Android
Video
Membuat aplikasi Android dengan View
Codelab
Compose di View
Video
Menambahkan Compose ke aplikasi lama
Codelab
Kuis
View di Compose

Pembelajaran 2 | Durasi: 1 jam
Pelajari cara menambahkan dan menggunakan View yang ada di dalam aplikasi yang dibuat dengan Jetpack Compose.

View di Compose
Video
Interoperabilitas View di Compose
Codelab
Menambahkan Compose ke aplikasi lama
Codelab
Kuis