Android Jetpack Compose

Description

An Android Jetpack Compose course is a learning program that aims to teach developers how to use the Jetpack Compose toolkit to create beautiful and modern user interfaces for Android apps. The course is designed to provide a comprehensive understanding of Compose, from basic concepts to advanced techniques, and to help developers build their skills and confidence in developing UIs with Compose.

We use hands-on coding exercises, projects, and quizzes to help learners solidify their understanding of the concepts and techniques covered.

Overall, an Android Jetpack Compose course is a valuable resource for developers who want to stay up-to-date with the latest tools and technologies for building modern and engaging Android app user interfaces.

Course Objectives

• Provide a solid foundation of Compose concepts, such as the programming model, composable functions, state management, and UI
• Provide hands-on coding exercises, projects, and quizzes that allow developers to practice using Compose in real-world
• Provide guidance on best practices for developing Compose-based
• Overall, the objective of an Android Jetpack Compose course is to equip developers with the skills and knowledge necessary to develop modern and engaging user interfaces using Compose

Duration

4 days

Pre-Requisites:

 Kotlin Language Knowledge Basic Android SDK Knowledge

Module

 Introduction to Declarative Approach and Jetpack Compose

1. • Composable Functions
   • Looking at the Android view system
   • Moving from components to composable functions
   • Examining architectural aspects
2. Setting up Compose in Android Studio
3. Basics of UI Development
   • Rows, columns, and basic sizing
   • Modifiers
   • Styling text, colors
   • Theme
   • Textfields, buttons & show snackbars
4. State management in Compose
   • Understanding stateful and stateless composable functions
   • Hoisting state and passing events
   • Surviving configuration changes
5. Lists
   • Dynamic Lists
   • Lazycolumns
   • Multi-select Lazycolumn
6. Migrate XML layout to compose layout and vice versus
7. Navigation in Compose
   • Jetpack Navigation in Compose
   • Making navigation dynamic
   • Adding back navigation
8. Compose effect handlers
9. Compose animation
   • Animated circular progress
10. Responsive UI
    • Support all screen sizes in Jetpack Compose using LocalConfiguration
11. Migrate the Figma design to compose
12. Implement pagination
13. Search View
14. Fragment Jetpack Compose