Using Jetpack Compose with Kotlin: Create LazyColumn Lists

External: Coursera Courses ↗ · Coursera

Open Course on External: Coursera

Free to audit · Opens on External: Coursera

Using Jetpack Compose with Kotlin: Create LazyColumn Lists

Coursera · Intermediate ·🌐 Frontend Engineering ·3mo ago
Skills: React60%

Key Takeaways

Creates a LazyColumn list with Jetpack Compose and Kotlin

Original Description

In this hour-long project-based course, you will learn how to 1. Create a LazyColumn List. 2. Use navigation components from Jetpack Compose to navigate to a details screen for each item in the list. 3. Manipulate the items list and the detail screen with animations from Jetpack Compose. To achieve this, we will work through the project step-by-step to create a scrollable list, click an item in the list, navigate to a details screen, create the details screen, create animations on the items list, create animations on the details screen, and lastly, refine your capstone project for a professional portfolio addition. This project will allow you to become comfortable using Compose to create a scrollable list, using animations on lists and screens, and using Compose Navigation components. We will do this by building a project that incorporates these concepts. This project is unique because you will have in your portfolio many animations to reference for future use. In order to be successful in this project you will need intermediate knowledge of the Android Studio IDE using emulators, gradle builds, and debugging. You need intermediate knowledge of the Kotlin language using lists, maps, datatypes, and functions. You need a beginner knowledge of Jetpack Compose using responsive UI.
Watch on External: Coursera ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related Reads

📰
Great perspective—framework vs. library is the right way to frame it. 👏
Learn the key differences between Next.js and React to make informed decisions for your 2026 projects
Dev.to · abderrahmen bejaoui
📰
Build It HTML-First: Why a Plain Web Form Beat a React Rewrite
Learn how a utility company's decision to rewrite a React application in plain HTML resulted in a doubling of users, highlighting the benefits of progressive enhancement
Dev.to · Arthur
📰
Starting the Frontend for a Full-Stack E-commerce Store (Auth Store, Axios, and Public vs. Protected Routing)
Learn to set up the frontend for a full-stack e-commerce store using Auth Store, Axios, and public vs. protected routing
Dev.to · Chinwuba
📰
Practice Frontend Typeahead Interviews With AbortController and ARIA
Improve your frontend interview skills by practicing typeahead searches with AbortController and ARIA, learning to handle debounce, cancellation, keyboard navigation, and accessibility features.
Dev.to · Karuha
Up next
Elementor Angie Ai Plugin Tutorial
Quick Tips - Web Desiign & Ai Tools
Watch →