Navigate using the Compose Destinations library

Manage your database with Room

In this course, we will use the AndroidX Navigation Compose component to setup navigation in our Jetpack Compose app.

Navigate using the Jetpack Compose Navigation library

State in Jetpack Compose

In this course, we will cover how to style your Text composables in your Android application.

Typography in Jetpack Compose

In this course you will learn how to setup UI testing in your Jetpack Compose application. You will also write your first test and understand the basics of how UI testing works in Jetpack Compose.

UI Testing in Jetpack Compose

In this course, we will use Espresso to create UI tests for your Android application.

UI Testing with Espresso

In this lesson, you will learn how to use Jetpack Compose in your Android application. You will learn how to display text and images on your layout. You will also learn how to organize composables on the screen such as placing them next to each other.

Building layouts using Jetpack Compose

In this lesson, you will learn how to align and space your composables, give rounded corners to your images and change text styling.

Style your Composables using Modifiers

In this lesson, you will learn about the `Row` composable. It can be used to place composables the one next to each other horizontally.

Arrange composables horizontally using Row

The Row composable places composables the one next to each other horizontally.

Create scrolling lists using LazyLists

In this lesson, you will learn about the `Column` composable. It can be used to place composables the one next below the other vertically.

Arrange composables vertically using Column

In this lesson you will learn how to change the font family of your `Text` via your composable functions and via your app's theme.

Apply custom fonts in Jetpack Compose

In this lesson, you will learn about ConstraintLayout and how you can use it to create relationships across each composable. It is a different way to layout your composables compared to [`Rows`](/lesson/row) and [`Columns`](/lesson/column), which can help with complex layouts.

Align your composables in relation to each other using ConstraintLayout

In this lesson, you will learn about how the order of your [`Modifiers`](/lesson/styling) affects the visual results applied.

Create different effects by changing the order of your Modifiers

In this lesson you will learn how to use LazyGrids. You will learn how to create specify the min size for each cell, or a set number of columns per cell.

How to use LazyGrids

In this lesson, you will learn about the `Icons` object contained in the [Material Compose](https://developer.android.com/jetpack/androidx/releases/compose-material) artifact

Using Material icons in your Jetpack Compose app using `Icons`

You do not need to import every single default icon in your Jetpack Compose app.
Instead of copy pasting 🔎 ic_search or ❤️ ic_favorite, use Icons.Rounded.Add or Icons.Outlined.Favorite instead.

How to theme the colors of your Jetpack Compose app

There are two things to know if you want to use themes in Jetpack Compose. One is how to define your theme. Two is how to use it

How theming works in Jetpack Compose

How to use Box in Jetpack Compose

Compose comes with different types of Buttons for different use cases. 🔘

Buttons in Jetpack Compose

In this video we will use the ActivityResultContracts API to request permissions in our Jetpack Compose application. More specifically, use the RequestPermission contract (or RequestMultiplePermissions for many).

How to request permission in Jetpack Compose

There is a big chance that you have a few Custom Views in your Android project and you do not want to rewrite them using Jetpack Compose. Or you might want to use a component that does not exist yet in Compose.
For such cases, use the [AndroidView()](https://developer.android.com/reference/kotlin/androidx/compose/ui/viewinterop/package-summary#AndroidView(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)) composable to migrate your Android Views to a composable function.

How to use Views from Jetpack Compose

If you are migrating your layouts from Android Views to Jetpack Compose, high chances are you do not want to rewrite everything from scratch. In this video, I will show you how to inject your composables into your XML Layout using ComposeView.

How to inject Composables in XML Layouts

Learn how to use CompositionLocalProvider to style your composables instead of copy pasting the same styling all over your app.

How to use CompositionLocalProvider to style your composables

You can still use LiveData, RxJava Observables, Kotlin Flows to represent state in Jetpack Compose. All you have to do is use the respective extension functions. They convert the respective reactive object into a Jetpack Compose state.
For livedata you need the 'androidx.compose.runtime:runtime-livedata' artifact in your Gradle Dependencies.
For the rxJava you need the 'androidx.compose.runtime:runtime-rxjava2' artifact.
More info at https://developer.android.com/jetpack/androidx/releases/compose-runtime

How to use LiveData, RxJava, Flow in Jetpack Compose

The code of your composable functions may be executed multiple times due to multiple recomposition events. The block of code passed to the `remember` function will be called only during the first composition. This can be helpful if you need to maintain the same value across recompositions. 

What does remember {} do in Jetpack Compose

Jetpack Compose is a reactive UI framework. Compose will refresh your UI as soon as the value of a State object is updated. This tutorial shows you how to create state objects to use in your composable functions.

What does mutableStateOf() do in Jetpack Compose

Text is the primary way of displaying text in your Jetpack Compose layouts. The composable is rather customizable. In this tutorial we go through the different customizations provided.

Styling Text

Instead of passing all customization to your Text composable, provide a TextStyle via the style parameter. This way you can share the same TextStyle

How to reuse your text styles

In this tutorial you will learn how to create and use your own custom fonts in your Jetpack Compose application.

How to create and use custom fonts

Learn how to use your applications theme to style the text of your application.

Style text via your application's Theme

In this lesson, we will use the `buildAnnotatedString` function to add an underline and color part of the text. We will also add some extra information such as a URL that needs to be launched. Then we will use a `ClickableText` with the combination of a `LocalUriHandler` in order to launch the passed URL.

Create Clickable Text using AnnotatedStrings

In this lesson, we will be adding the AndroidX Navigation Compose Component to a Jetpack Compose application. We will also setup a destination and navigate to it.

Add navigation to your app using Jetpack Compose Navigation

In this lesson, we will pass an id to navigate from our home screen to a details screen.

Pass data between destinations using the Jetpack Compose Navigation

In this lesson, we will be looking at how we can customize the animation when we navigate to and from a destination using Accompanist.

Custom navigation animations using Accompanist

In this lesson, you will learn how to expose `NavController` and `NavGraphBuilder` extension functions from your modules, so that other modules can navigate into it.

Navigation in a multimodular Android app

In this lesson, you will learn how to setup Espresso in your app and write the first Espresso test using View matchers, actions and assertions.

Add Espresso to your Android application to start writing UI tests

In this lesson, you will learn how to create custom View assertions.

Create custom View assertions for Espresso

In this lesson, you will learn how to create custom View action.

Create custom View actions for Espresso

In this lesson, you will learn how to use idling resource as a waiting mechanism in your Espresso tests. Some good use cases are waiting for data to be loaded, establishing connections with a database or callbacks, managing Services or perform complex business logic.</br></br>Related Resources </br>• [Android testing with Espresso’s Idling Resources and testing fidelity](https://medium.com/androiddevelopers/android-testing-with-espressos-idling-resources-and-testing-fidelity-8b8647ed57f4)

Waiting for an action to finish using idling resource in Espresso tests

In this lesson, you will learn how to interact with scrollable lists in your Espresso tests. You will learn how to scroll to a specific children of your `RecyclerView` and perform actions and assertions on it.

Interacting with scrolling lists in your Espresso tests

In this lesson, you will learn how assert that a specific `Intent` was launched.

Asserting Intents with Espresso

Add navigation to your app using Compose Destinations

Navigate to a destination with arguments using Compose Destinations

Navigate to a Dialog using Compose Destinations

Navigate to a BottomSheet using Compose Destinations

In this lesson, you will learn how to setup UI testing in your Jetpack Compose app and write your first UI test using Finders, Matchers and Assertions.

Add Testing to your Jetpack Compose Android application and start writing UI tests

In this lesson, you will learn how to use gestures such as swiping to interact with composables in a UI tests.

How to use gestures in UI tests in Jetpack Compose

In this lesson, you will learn how to wait for long running operations such as network calls to be completed before executing the rest of the test.

How to wait for long running operations to be completed in Jetpack Compose UI tests

Learn how to setup Room in your project, along with the required dependencies you need to add in your gradle's dependencies block.

How to setup Room in your Android project

In this lesson, you will learn how to create Entities, and how to define rows in your database tables while using Room.

How to create Entities in Room

In this lesson, you will learn how to create DAOs (data access objects). DAOs are used to query, insert, delete and update your data in your database.

How to create DAOs in Room

In this lesson you will learn how to create a Database object in Room. The Database object works as the interface between your application and your database. It can used to access and modify Entities.

How to create a Database in Room

In this lesson, you will learn how to use the Singleton pattern in order to keep a single instance of your Room database through your application. 

Creating a new Database object is an expensive operation, so it is important to reuse an existing instance you have.

How to create a single instance of a Room Database

In this lesson, we are having a look at how to use Room to insert new data and query existing data in the database.

How to insert and query data from Room

In this lesson, you will learn how to update data of your Room database.

How to update data in a Room database

In this lesson, you will learn how to delete database data using Room.

How to delete database data using Room

In this lesson, you will learn how to make use of Kotlin's `Flow` in order to have Room emit updated data once a value is changed in the database.