Jetpack Compose

Learn how to build beautiful, powerful and reactive applications using the declarative UI framework called Jetpack Compose. By Filip Babić.

Leave a rating/review
Download materials
Save for later
Comments
Share

Who is this for?

Android developers who may have heard about Jetpack Compose, but haven't tested it out or don't feel comfortable enough with it to start replicating their UI using Composable functions.

You should 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.

Covered concepts

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

Part 1: Jetpack Compose Basics

01
Toggle description

Learn about any breaking changes in the Jetpack Compose framework, and how to migrate from older versions to newer ones.

Toggle description

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.

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

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

Part 2: Build Complex UI With Compose

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

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

Part 3: Manage State With Compose

Toggle description

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

Toggle description

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

Toggle description

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

Toggle description

Congrats on finishing the course! Learn how to reuse state and create Ambient wrappers for your application.