About the course
Our JetPack Compose training course provides experienced Android developers with a solid hands-on tour of all the most useful functions and latest features in the recommended UI toolkit for Android app development.
For custom training programmes, you may wish to combine this workshop with our Intro to Kotlin course and Android with Kotlin course which we can modularise and pitch the delivery at just the right level for your team, for a comprehensive dive into the world of developing commercial apps for Android.
Online and in-house face-to-face options are available - as part of a wider customised training programme, or as a standalone workshop, on-site at your offices or at one of many flexible meeting spaces in the UK and around the World.
-
- Build Modern Android UIs with Compose: Develop fundamental Android user interfaces using Jetpack Compose and Material 3 design principles.
- Master Compose Layouts: Effectively arrange UI elements using Compose layouts such as Column, Row, Box, Surface, and ConstraintLayout.
- Implement Material 3 Components: Integrate and style Material 3 components like TopAppBars, Scaffold, NavigationBar, and NavigationDrawer into their apps.
- Navigate Compose Applications: Implement robust navigation within Jetpack Compose apps, including managing the back stack and passing data between screens.
- Optimise List Performance with Lazy Composables: Utilise LazyColumn and LazyVerticalGrid for efficient display of large datasets.
- Apply Kotlin Coroutines: Understand and implement Kotlin Coroutines for managing asynchronous operations and state-driven UI updates in Compose.
- Integrate Room Database: Implement local data persistence using the Room database, including Entities, DAOs, and the Repository pattern.
- Architect with MVVM: Apply the Model-View-ViewModel (MVVM) architectural pattern, linking ViewModel and LiveData to Compose functions for robust state management.
- Enable Dynamic UI Updates: Implement dynamic UI updates, allowing users to add new data and observe real-time changes in the application.
- Develop a Comprehensive Compose Application: Build a functional, multi-screen Android application by integrating all learned Jetpack Compose and Architecture Components.
-
This course is aimed at existing Android developers looking to extend their skills in commercial Android app development.
-
Delegates should have attended our Intro to Kotlin course and Android with Kotlin course training or have equivalent Android coding experience (using Java, for instance).
-
This Android with JetPack Compose course is available for private / custom delivery for your team - as an in-house face-to-face workshop at your location of choice, or as online instructor-led training via MS Teams (or your own preferred platform).
Get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.
-
Introduction to Jetpack Compose
Trainer and Delegate Introductions / Intro to course
Lab 1: HelloWorld using Compose and Material 3
JetPack Compose: Why use it?
Compose arch
UI layouts, Compose style
Layouts introduction
Columns, Rows, layout weight
Lab 2: Modifying the Column example
Box layout
Lab 3: Play with Box example
Surface layout
Constraint layout, Compose style
Lab 4: Changing from using Rows to ConstraintLayout
Building a Compose app with Material 3
Structure and styling of an example app
Using the Material Theme Builder tool
Lab 5: Building a first version of the Feline Adoption Agency (FAA) app
Material 3 TopAppBars
Lab 6: Adding a CenterAlignedTopAppBar to the FAA
Material 3 Scaffold
Lab 7: Adding the Scaffold and a Home screen to FAA
Navigation Bar and intro to Navigation Architecture
The Material 3 Navigation Bar and linking it to the Scaffold
Lab 8: Adding the Navigation Bar to the FAA
Introduction to JetPack Compose Navigation
Lab 9: Adding Compose Navigation to the FAA
Navigation Drawer and larger exercise to practice navigation and screen creation
Material 3 Navigation Drawer basics
Lab 10: Adding a ModalNavigationDrawer to the FAA
Controlling the navigation back stack and data passing
Lab 11: Adding a login screen and navigating to it from the nav drawer [idea is to pass data back and control back stack. Return UID and display in app bar]
Review of Compose
Lab 12: Building the FAA Home Screen
Lab 13: Adding a search area to the FAA Cats Screen
LazyVerticalGrid/LazyColoumn vs RecyclerView
Lab 14: Using the LazyVerticalGrid
Compose and Coroutines
Overview of Kotlin coroutines [starts with an example of sorting not using threads]
State-driven sorting; Compose Recomposition and side-effects.
Lab 15: Building a bubble sorter using coroutines
JetPack Architecture components:
Entities, DAO
Lab 16: Creating Entities and Dao for the FAA
Room database, type converters, and the repository concept
Lab 17: Linking to the database from the home screen
JetPack Architecture components: 2
MVVM, LiveData and linkage of ViewModel to Compose functions
Lab 18: Linking up the RecentCatsViewModel and the Home Screen
Lab 19: Linking up the CatsViewMdel and Cats Screen LazyVerticalGrid
Adding a new cat, dynamic update of LiveData
Material 3 Floating Action Button overview
Lab 20: Including an add cat FAB on the Cats Screen
Add a simple add cat screen
Lab 21: Add the screen
-
https://developer.android.com/studio - get Android Studio
Trusted by
