Jetpack Compose: Lazy Composables & Navigation

Jetpack Compose 1.2    |    Intermediate
  • 16 videos | 2h 7m 33s
  • Includes Assessment
  • Earns a Badge
Rating 4.5 of 4 users Rating 4.5 of 4 users (4)
Lazy composables in Jetpack Compose enable efficient rendering and scrolling of large lists or grids. Navigation in Jetpack Compose provides a powerful way to navigate between different screens or destinations within an app. Together, lazy composables and navigation enhance the user experience by enabling seamless scrolling and smooth transitions between screens in Jetpack Compose apps. In this course, you will learn how to efficiently display large lists of items using the lazy column and preserve their state across screen rotations or app restarts. Next, you will explore the lazy grid, and with the help of the coil library, you will asynchronously load images in your Compose app. Then you will set up the NavController and NavHost and define the structure and connections between different screens. You will also examine advanced techniques for passing data between composables and querying data from the data layer. Finally, you will test your app on a real Android device and implement navigation using the bottom navigation bar. When you are finished with this course you will have the skills and ability to develop multiscreen applications using Jetpack Compose.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Create a lazy column widget in an app
    Create a lazy list view widget in an app
    Link state with list items
    Save the list item state across reorderings
    Use the lazy grid widget
    Load images efficiently with coil
    Introduce navigation in an app
  • Create an app with multiple navigation screens
    Make navigation more efficient
    Pass data between composables
    Query data from the data layer
    Add screens to an app
    Run an app on a real phone
    Create a bottom navigation bar
    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
  • 4m 58s
    During this video, you will learn how to create a lazy column widget in an app. FREE ACCESS
  • Locked
    3.  Remembering the Lazy List State in Jetpack Compose
    6m 24s
    Find out how to create a lazy list view widget in an app. FREE ACCESS
  • Locked
    4.  Associating the Remembered State with a List Item
    9m 43s
    In this video, discover how to link state with list items. FREE ACCESS
  • Locked
    5.  Remembering the Item State across Reorderings
    6m 32s
    Learn how to save the list item state across reorderings. FREE ACCESS
  • Locked
    6.  Using the Lazy Grid in Jetpack Compose
    11m 43s
    In this video, find out how to use the lazy grid widget. FREE ACCESS
  • Locked
    7.  Asynchronously Loading Images with Coil in Jetpack Compose
    8m 31s
    Discover how to load images efficiently with coil. FREE ACCESS
  • Locked
    8.  Using Navigation in Jetpack Compose
    7m 17s
    In this video, you will learn how to introduce navigation in an app. FREE ACCESS
  • Locked
    9.  Navigating to Multiple Screens in Jetpack Compose
    11m 51s
    Find out how to create an app with multiple navigation screens. FREE ACCESS
  • Locked
    10.  Refactoring and Cleaning up Navigation in Jetpack Compose
    12m 48s
    During this video, discover how to make navigation more efficient. FREE ACCESS
  • Locked
    11.  Passing Data Between Composables
    9m 59s
    In this video, you will learn how to pass data between composables. FREE ACCESS
  • Locked
    12.  Querying Data from the Data Layer in Jetpack Compose
    11m 3s
    In this video, find out how to query data from the data layer. FREE ACCESS
  • Locked
    13.  Wiring up More Screens for a Mini App in Jetpack Compose
    5m 42s
    During this video, you will learn how to add screens to an app. FREE ACCESS
  • Locked
    14.  Running a Jetpack Compose App on a Real Device
    6m 19s
    Discover how to run an app on a real phone. FREE ACCESS
  • Locked
    15.  Creating a Bottom Navigation Bar in Jetpack Compose
    9m 44s
    Learn how to create a bottom navigation bar. FREE ACCESS
  • Locked
    16.  Course Summary
    2m 54s
    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: Layouts & State Management
Rating 3.8 of 6 users Rating 3.8 of 6 users (6)
Book Beginning iPhone Development with SwiftUI: Exploring the iOS SDK, 7th Edition
Course Advanced iOS Gesture Scripting Automation with Appium
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course CloudOps Automation: Continuous Automation Implementation
Rating 3.9 of 57 users Rating 3.9 of 57 users (57)
Course Web Fundamentals: Dynamic Web Pages with JavaScript
Rating 4.5 of 255 users Rating 4.5 of 255 users (255)
Course Kotlin: Understanding Views & Layouts
Rating 3.5 of 2 users Rating 3.5 of 2 users (2)