Review Android UI Toolkit

Take a tour of different ways of developing UI in Android over its history. Compare imperative and declarative UI development, and their pros and cons.

Learn About Composable Functions

Play around with some of the basic Composable functions, and learn what their parameters are, and how to display a simple Composable tree.

Use Basic Compose Building Blocks

Learn all about Rows, Columns, Text, Button and Icon elements, and how to use said building blocks in Jetpack Compose.

Add State to Composables

Learn how to remember data within your Composable UI, and how to change and share it.

Decouple Composables

Learn how to create multiple smaller composable functions, to make them more reusable.

Build Common UI Components - Part 1

Use some of the simpler Material Design components in Compose, to build better input forms and user experience.

Build Common UI Components - Part 2

Build lists of items and common Android components, such as RatingBars, to style your application.

Build Common UI Components - Part 3

Finish more UI features of the app, to practice using Jetpack Compose and custom components you’ve built.

Apply Error & Data Handling to the UI

Learn how to add special error handling to your UI components, to disable user from performing actions until the data is ready.

Add Actions & Handlers

Learn how to use various handlers in Compose to add specific actions and behavior to your UI. Connect your handlers to state handling.

Build Custom Dialogs

Expand upon actions and handlers in your application, to build custom dialogs prompting users for data input.

Add Themes & Styling to the App

Learn how to easily add different themes and styles to your app, and to support day/night mode.

Reuse UI in Multiple Screens

Now that you’ve built your fair share of the UI in the project, you can proceed to reuse it, and build more features!

Add Animations to Compose

Use simple animations and powerful transitions to make your app even nicer than it is!

Use the MVVM Pattern

Start setting up state handling and persistence, by building the MVVM pattern in your application.

Move Operations to ViewModels

Free up the UI code of business logic, by moving all of the operations to ViewModels.

Connect LiveData to Compose UI

Connect reactive data holders to Compose, to make the UI update itself automatically with data.

Apply the CompositionLocal Pattern to UI

Learn how to reuse state and create CompositionLocal wrappers for your application.

This course is for Android developers who have heard about Jetpack Compose, but haven’t tried it out, and haven’t read a lot of documentation, or went through many examples. It’s also for people who know a little bit about Jetpack Compose, but don’t feel comfortable enough to start replicating their UI using Composable functions. It expects you to be familiar with Android Studio, Kotlin and the current UI toolkit in Android. Familiarity with architectural patterns such as MVVM, using the ViewModel and LiveData components is required for later parts of the course.

• Composable Functions
• Simple Composables
• ViewGroups
• Lists
• Actions & Handlers
• Modifiers
• State
• Recomposition
• Ambience
• Custom Composables
• Animations
• Material Components
• Component Reusability