This course is available as part of the Professional subscription. To learn more click here

Jetpack Compose Primer

Dec 19 2019 · Video Course (27 mins) · Intermediate

Get an early introduction to the Jetpack Compose toolkit for creating Android user interfaces in Kotlin code using Android Studio 4.0 Canary 6.


  • Kotlin 1.3, Android 5.0, Studio 4.0

Jetpack Compose Primer

Learn about the origins of the new modern toolkit for building Android UI, Jetpack Compose, including comparisons with Flutter and SwiftUI.


See the sample project that will be built using Jetpack Compose, and explore and run the starter project.


Use the @composable annotation to write your first composable function, and learn about MaterialTheme.


See how to preview your Jetpack Compose user interfaces right in Android Studio, without the need to build and run your app on a device or emulator.


Use Row to place separate items along a horizontal axis, and also learn about using images, containers, alignment, and spacing.


Switch to FlexRow for greater control over how the items in a horizontal layout expand to fill the available horizontal space.


See how to manage state in your Jetpack Compose user interfaces using the Model annotation, and display real data in the running app.


Refactor the members screen to a more standard set of composable functions, then add a TopAppBar to the layout.


See how to use VerticalScroller and Column to display multiple items in a list, and add a divider between the items.


Version history

Android 5.0, Kotlin 1.3, Studio 4.0 (Selected)

Dec 19 2019

macOS 10.14, Kotlin 1.3, Studio 3.4

Jun 4 2019

Who is this for?

This course is for Android developers who are interested in getting an early start with the Developer Preview of the Jetpack Compose toolkit from Google for building user interfaces in Kotlin code. It expects you to be familiar with the basics of Android development, Android Studio, and Kotlin programming.

Covered concepts

  • Composable functions
  • Compose preview
  • Compose layouts
  • Flexible rows
  • Using @model for state
  • Adding an App Bar
  • Showing a list of items using Compose