Android Apps with JetPack Compose Training Course

Who should attend

This course is aimed at existing Android developers looking to extend their skills in commercial Android app development.

Prerequisites

Delegates should have attended our Intro to Kotlin course and Kotlin for Android training or have equivalent Android coding experience (using Java, for instance).

Live, instructor-led online and on-site training

We appreciate that you need flexibility to fit in with new working situations - whether you're an individual, part of a distributed team, or simply have projects and deadlines to meet. 

Our remote training can take place online in a virtual classroom, with content split into modules to accommodate your scheduling challenges and meet your learning goals. Get in touch today to find out how we can help design a cost-effective, flexible training solution.

Day 1

Session 1: 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

Session 2: 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

Session 3: 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

Session 4: 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

Session 5: 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]

Day 2

Session 6: 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

Session 7: 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

Session 8: Jetpack Architecture components: 1

• 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

Session 9: 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

Session 10: 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