Jetpack Compose

In this Jetpack Compose Course, you’ll learn what Compose is, what its fundamental components are, and how they behave individually, and when composed together. Furthermore, you’ll learn how to build beautiful and reactive UI, with a lot of meaningful motion when it comes to animating custom components, input field state handling, error handling, and automatic state updates within an MVVM environment. By Filip Babić.

3.1 (17) · 2 Reviews

Download materials
Save for later
Comments
Share

Who is this for?

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.

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

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 of the basic Composable functions, and learn what their parameters are, and 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.

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