Android - Roadmap 1

 

https://www.geeksforgeeks.org/android/best-way-to-become-android-developer-a-complete-roadmap/

https://docs.google.com/document/d/1xTtlbkIMVE-ZllNkvp1VAhOMm3FbdfsO/edit?usp=sharing&ouid=112365073285716859334&rtpof=true&sd=true

https://www.geeksforgeeks.org/android/android-tutorial/

https://www.geeksforgeeks.org/kotlin/kotlin-android-tutorial/

https://www.geeksforgeeks.org/android/android-studio-tutorial/

https://www.geeksforgeeks.org/android/android-projects-from-basic-to-advanced-level/

Jetpack Compose adalah toolkit UI modern yang dirancang untuk menyederhanakan pengembangan UI di Android. Ia terdiri dari model pemrograman reaktif dengan keringkasan dan kemudahan bahasa pemrograman Kotlin. Jetpack Compose sepenuhnya deklaratif sehingga Anda dapat mendeskripsikan UI Anda dengan memanggil serangkaian fungsi yang akan mengubah data Anda menjadi hierarki UI. Ketika data berubah atau diperbarui, framework secara otomatis memanggil kembali fungsi-fungsi ini dan memperbarui tampilan untuk Anda. Dalam artikel ini, kita akan melihat beberapa topik dasar yang bermanfaat sebelum memulai dengan Jetpack Compose.

• Apa itu Jetpack Compose?

• Apa saja manfaatnya?

• Tantangan apa saja yang dapat kita atasi dengan menggunakan Jetpack Compose?

• Beberapa fungsi dasar Jetpack Compose.

Apa itu Jetpack Compose? 

Jetpack Compose adalah toolkit UI modern yang baru-baru ini diluncurkan oleh Google yang digunakan untuk membangun UI Android native. Jetpack Compose menyederhanakan dan mempercepat pengembangan UI dengan kode yang lebih sedikit, API Kotlin, dan alat-alat yang canggih. 

Apa saja manfaat menggunakan Jetpack Compose? 

• Deklaratif: Ini sepenuhnya deklaratif sehingga Anda dapat mendeskripsikan komponen UI Anda dengan memanggil beberapa fungsi yang telah ditentukan sebelumnya.

• Kompatibel: Sangat mudah kompatibel dengan tampilan yang sudah ada di Android.

• Meningkatkan kecepatan pengembangan: Sebelumnya, pengembang harus mengerjakan file XML dan file Kotlin. Namun dengan bantuan Jetpack Compose, hal ini menjadi mudah dan pengembang hanya perlu mengerjakan file Kotlin, sehingga akan membantu pengembang dalam meningkatkan kecepatan pengembangan.

• Kotlin yang Ringkas dan Sesuai dengan Gaya Bahasa Kotlin: Jetpack Compose membangun UI dengan memanfaatkan keunggulan yang ditawarkan Kotlin.

• Mudah dipelihara: Karena kode sumber aplikasi apa pun terdapat dalam satu file, maka pengelolaan dan penanganan kode sumber aplikasi menjadi mudah.

• Ditulis dalam Kotlin: Aplikasi yang ditulis menggunakan Jetpack Compose menggunakan 100% bahasa pemrograman Kotlin.

 

Beberapa Fungsi Dasar Jetpack Compose

1. Fungsi Composable: Fungsi Composable direpresentasikan dalam kode dengan menggunakan anotasi @Composable pada nama fungsi. Fungsi ini memungkinkan Anda mendefinisikan UI aplikasi Anda secara terprogram dengan mendeskripsikan bentuk dan ketergantungan datanya, alih-alih berfokus pada proses konstruksi UI.

2. Fungsi Preview: Nama fungsi itu sendiri memberi tahu kita bahwa fungsi tersebut digunakan untuk menghasilkan pratinjau fungsi yang dapat disusun. Fungsi ini digunakan untuk menampilkan pratinjau fungsi yang dapat disusun di dalam IDE kita, bukan saat menginstal APK kita di emulator atau perangkat virtual. Fungsi pratinjau diberi anotasi @Preview.

3. Fungsi Kolom: Fungsi kolom digunakan untuk menumpuk elemen UI secara vertikal. Fungsi ini akan menumpuk semua elemen anak secara langsung satu demi satu secara vertikal tanpa spasi di antaranya. Fungsi ini diberi anotasi dengan Column() .

4. Fungsi Row: Fungsi row digunakan untuk menumpuk elemen UI secara horizontal. Fungsi ini akan menumpuk semua elemen anak satu per satu secara horizontal tanpa jarak di antaranya. Fungsi ini diberi anotasi dengan Row() .

5. Box: Sebuah widget yang digunakan untuk memposisikan elemen satu di atas yang lain. Widget ini akan memposisikan elemen anaknya relatif terhadap tepinya. Stack digunakan untuk menggambar elemen anak yang akan tumpang tindih sesuai urutan yang ditentukan. Widget ini diberi anotasi dengan Box() .

6. Spacer: Digunakan untuk memberikan jarak antara dua tampilan. Kita dapat menentukan tinggi dan lebar kotak. Ini adalah kotak kosong yang digunakan untuk memberikan jarak antara tampilan. Kotak ini diberi anotasi dengan Spacer() .

7. Vertikal Scroll: Jika komponen UI di dalam aplikasi tidak sesuai dengan tinggi layar, maka kita harus menggunakan tipe tampilan pengguliran. Dengan bantuan penggulir vertikal, kita dapat memberikan perilaku pengguliran vertikal pada tampilan kita. Konten di dalam penggulir vertikal akan dipotong sesuai dengan batas penggulir vertikal. Ini diberi anotasi dengan VerticalScroll() .

8. Padding: Fungsi padding digunakan untuk memberikan ruang kosong tambahan sesuai kebutuhan di sekitar tampilan tertentu. Fungsi ini cukup diberi anotasi dengan Padding() .

9. Lazy List: Composable ini setara dengan recycler view di sistem view Android. Ia diberi anotasi LazyColumn().