Stage 2 of 7 · 10 lessons · ~3 months
Jetpack Compose UI
Build screens the way your platform expects: small composable pieces, layout, lists, images, forms and theming. The aim is to turn a design into a screen that looks right on a small phone and a large one.
Start: Composable functionsLessons· one lesson for each topic, in this order
- 1Composable functionsLesson
- 2Previews and Live EditLesson
- 3Modifiers and why their order mattersLesson
- 4Row, Column and BoxLesson
- 5Edge-to-edge and window insetsLesson
- 6State in Compose: remember and hoistingLesson
- 7LazyColumn, LazyRow and gridsLesson
- 8Images and resourcesLesson
- 9TextField and formsLesson
- 10Material 3 components and themingLesson
Start with
- CourseFreeAndroid Basics with Compose
Google · Beginner
Units 2 and 3: Compose layouts, state, scrollable lists and Material theming
Practise
Keep handy
Before moving on: Rebuild three screens from a real app you use (a login, a list with images and a detail page) so they adapt to a small and a large phone and support dark mode.
Learn Compose only; skip XML views unless a job needs them. Units 2 and 3 of Android Basics are the core, so do the practice apps without looking at the solution first.