Android Compose with Kotlin

Course details

Get a comprehensive understanding of how Kotlin programming and its idioms facilitate writing efficient code in Compose. In this course, instructor Annyce Davis shows you how to identify the key similarities and differences between UI architecture in Android applications when using the traditional View system compared to the Compose system. Explore the essentials of using the Material Design system within Compose to create visually appealing user interfaces that align with your app's style and brand. Additionally, find out how to design Android applications with multiple screens and implement smooth navigation between them. By the end of this course, you’ll be prepared to develop Android applications that follow declarative programming best practices, including effective use of unit and integration testing.

Learning objectives
Understand how the Kotlin programming and some of its idioms make it easier to write good Compose code.
Identify key similarities and differences between architecting the UI for an Android application with the View and Compose systems.
Utilize the Material Design system for Compose to create stunning user interfaces that adhere to your app's desired style and brand.
Design Android applications that consist of multiple screens and seamlessly navigate between them.
Develop Android applications that adhere to declarative programming best practices, including the appropriate use of unit and integration testing.

Concepts

0. Introduction

01 - Evolution of modern Android development
02 - What you should know
03 - Check out the exercise files on GitHub

1. Define Screens with Composables

04 - Kotlin for Jetpack Compose
05 - Define screens with activities and composables
06 - Implement designs using composables
07 - Display UI elements with Column, Row, and Box
08 - Units of measurement with Compose
09 - Use modifiers to customize your layout
10 - Challenge - Bye-bye ConstraintLayout
11 - Solution - Bye-bye ConstraintLayout

2. Create Themes and Styles

12 - Theming in Compose
13 - Configure Material Design theme colors
14 - Manage Material Design colors in Compose
15 - Support multiple Material Design themes

3. Manage Compose Lifecycle and State

16 - Understand composable functions
17 - Introduction to state in Compose
18 - Understand state hoisting
19 - Use the remember function
20 - Challenge - What state are you in
21 - Solution - What state are you in

4. Architecting Your Compose UI

22 - Introduction to unidirectional data flow
23 - Dependency injection with Koin
24 - Add a ViewModel from a composable
25 - Observe data in a ViewModel
26 - Challenge - Save my favorites
27 - Solution - Save my favorites

5. Navigating in Compose

28 - Introduction to the Navigation component
29 - Set up a navigation controller
30 - Navigate between screens
31 - Add a bottom navigation component
32 - Handle navigation of navigation item events

6. Display Data in Lazy Layouts

33 - Explore lazy layouts in Compose
34 - Add a LazyGrid to a composable screen
35 - Handle lazy layout item click events
36 - Handle loading and empty states
37 - Display snackbar messages
38 - Pass data in a ViewModel
39 - Challenge - Adding some polish
40 - Solution - Adding some polish

7. Creating Adaptive Layouts

41 - Introduction to adaptive layouts
42 - Create adaptive grid layouts
43 - Handle navigation dynamically using window size
44 - Modify a composable s layout with box constraints

8. Testing Compose Layouts

45 - Create screenshot tests
46 - Introduction to Semantics in Compose
47 - Create a UI test with the ComposeTestRule
48 - Write advanced UI tests with Semantics
49 - Challenge - To the top
50 - Solution - To the top

Conclusion

51 - Develop your skills with Android Compose