Jetpack Compose: Layouts & State Management

Jetpack Compose 1.2    |    Intermediate
  • 16 videos | 1h 56m 38s
  • Includes Assessment
  • Earns a Badge
Rating 3.8 of 6 users Rating 3.8 of 6 users (6)
In Jetpack Compose, layouts define the structure of user interface (UI) elements, allowing for flexible and dynamic UI design, while state management involves handling the data that drives the UI, ensuring that the UI responds to user interactions appropriately. In this course, you will go beyond the basics of Android Jetpack Compose, learning how to customize screens using the versatile column and row composables to arrange UI elements. Next, you will use the image composable to incorporate images seamlessly into your Compose app and implement scrolling functionality within a column or a row. Then you will explore managing state in Compose, focusing on the remember function and creating interactive UI components, such as drop-down menus and sliders. Finally, you will hoist state to enhance state access and reusability and you will integrate LiveData and ViewModel with Compose, to manage and share data effectively. At the end of this course, you will be able to develop complex and interactive user screens to display your app's content.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Create an app and view the preview in jetpack compose
    Set up and view an app with a column composable
    Set up and view an app with a row composable
    Display images with the image composable
    Create a scaffold with a floating action button
    Use vertical scrolling in an app
    Use horizontal scrolling in an app
  • Manage a composable state
    Use state in a compose app
    Modify an app to store state with the remember function
    Create dropdown menus with state
    Create sliders with state
    Hoist state in jetpack compose
    Use live data and view model in a compose app
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 2m 5s
    In this video, we will discover the key concepts covered in this course. FREE ACCESS
  • 10m 7s
    Learn how to create an app and view the preview in Jetpack Compose. FREE ACCESS
  • Locked
    3.  Configuring a Column Composable
    6m 31s
    In this video, find out how to set up and view an app with a column composable. FREE ACCESS
  • Locked
    4.  Configuring a Row Composable
    6m 9s
    Discover how to set up and view an app with a row composable. FREE ACCESS
  • Locked
    5.  Using the Image Composable to Display Images
    8m 38s
    During this video, you will learn how to display images with the image composable. FREE ACCESS
  • Locked
    6.  Creating a Scaffold with a Floating Action Button in Jetpack Compose
    9m 50s
    Find out how to create a scaffold with a floating action button. FREE ACCESS
  • Locked
    7.  Scrolling Vertically in a Column in Jetpack Compose
    9m 51s
    In this video, discover how to use vertical scrolling in an app. FREE ACCESS
  • Locked
    8.  Scrolling Horizontally in a Row in Jetpack Compose
    3m 43s
    In this video, you will learn how to use horizontal scrolling in an app. FREE ACCESS
  • Locked
    9.  Manage a Composable State
    5m 39s
    After completing this video, you will be able to manage a composable state. FREE ACCESS
  • Locked
    10.  Creating an App with State in Jetpack Compose
    7m 48s
    In this video, find out how to use state in a Compose app. FREE ACCESS
  • Locked
    11.  Using the Remember Function to Store State in Jetpack Compose
    11m 30s
    During this video, discover how to modify an app to store state with the remember function. FREE ACCESS
  • Locked
    12.  Using State to Manage Dropdown Menus
    9m 6s
    During this video, you will learn how to create dropdown menus with state. FREE ACCESS
  • Locked
    13.  Using State to Manage Sliders in Jetpack Compose
    5m 19s
    Find out how to create sliders with state. FREE ACCESS
  • Locked
    14.  Hoisting State in Jetpack Compose
    5m 1s
    Discover how to hoist state in Jetpack Compose. FREE ACCESS
  • Locked
    15.  Using Live Data and View Model in Jetpack Compose
    12m 46s
    In this video, learn how to use live data and view model in a Compose app. FREE ACCESS
  • Locked
    16.  Course Summary
    2m 37s
    In this video, we will summarize the key concepts covered in this course. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Jetpack Compose: Lazy Composables & Navigation
Rating 4.5 of 4 users Rating 4.5 of 4 users (4)
Course iOS Gestures and Interaction Automation with Appium
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Journey Mobile Development with Android
Rating 3.7 of 3 users Rating 3.7 of 3 users (3)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Defensive C++: Defensive Programming & Defensive Design
Rating 4.1 of 17 users Rating 4.1 of 17 users (17)
Course Jetpack Compose: Lazy Composables & Navigation
Rating 4.5 of 4 users Rating 4.5 of 4 users (4)
Course Defensive C++: Design by Contract & Features in C++
Rating 4.3 of 34 users Rating 4.3 of 34 users (34)