Filters

Hide filters
Platform
Content Type
Difficulty

All Tutorials · 15 Results

Contained in: Create Composables with Jetpack Compose Jetpack Compose
Android & Kotlin
Create Composables with Jetpack Compose
…this module, you will learn about Jetpack Compose from the ground up and how you can use it to create UI in Android. It will introduce you to the idea of composables used in Jetpack Compose. You will learn how to create composables using existing composables. And later…
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Define a Composable

Introduction to Jetpack Compose and using previews in compose
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Use Material Design

Material Design in Compose.
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Use Material Design

…another level of work, as you would need to apply the style to every widget and every screen, often leaving room for errors. Jetpack Compose makes this extremely easy in comparison and supports Material Design 3, the latest iteration of Material Design. In this lesson, you’ll learn about Material…
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Leverage Components

…core ideas behind Jetpack Compose is composability, which means you can build your user interfaces by combining smaller reusable components, like Lego bricks. In Compose, when you build a component, it’s a modular, self-contained piece of UI. You describe what the UI looks like in a given state…
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Define a Composable

Writing your first composable.
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Leverage Components

Composability is the core premise jetpack compose is built on top of. Learn how to break up your UI into components to facilitate reuse, and how to utilize built-in basic components that Compose is shipped with to create your…
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Define a Composable

Dive into the fundamentals of building UI components in Jetpack Compose by creating your first composable. Learn the syntax of defining a composable, the different components of a composable function and how to use the preview feature to preview your work right inside Android Studio
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Modify Composables

Modifiers in compose.
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Use Text

Learn how to style and manipulate text composables in your Android project using the built-in properties, modifiers, and customization options.
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Leverage Components

…clean up the GitHub repo app using components, it’s a good practice to explore some of the foundational components that Jetpack Compose ships with. Learning how these components work will also help you in the future when you’re building a component catalog for your app or a design…
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Leverage Components

…this lesson, you’ve learned about the commonly used components that Jetpack Compose ships with and saw how you should think about your UI as a composition of components and break it down into smaller components for reuse and consolidation of concerns. You learned: How to display images in your…
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Modify Composables

…this lesson, you’ve learned about modifiers in Jetpack Compose and how you can use them to alter the appearance and behavior of your composables. You learned: How to use modifiers. How to chain multiple modifiers. The significance of the ordering in modifier chains. Built-in modifiers in compose
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Define a Composable

…this lesson, you’ve learned about the basics of Jetpack Compose, the features it offers, and ways in which it’s better than XML views. You also learned: How to create a Composable function. The significance of the @Composable annotation. Naming conventions Compose follows. How to use previews in Compose
Android & Kotlin

Lesson in Create Composables with Jetpack Compose

Use Material Design

…this lesson, you’ve learned about theming in Jetpack Compose and how you can create a custom theme to represent your brand. In this lesson, you learned how to - Implement a custom color palette. Create separate dark and light mode palettes. Build a custom typographic scale for your app. Define…