Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Compose Your App

Compose Your App

Loveleen Kaur

October 28, 2022

More Decks by Loveleen Kaur

Other Decks in Education


  1. Android Learn and Inspire Series ________ Loveleen Kaur Software Engineer

    (Android) Co-Organizer Google Developers Group Chandigarh Compose Your App
  2. Jetpack Compose is the modern toolkit for building native user

    interfaces for Android apps. Compose apps are written in the Kotlin programming language. Compose makes it easier and faster to build UIs on Android. Jetpack Compose
  3. Benefits of using Jetpack Compose Less code Do more with

    less code and avoid entire classes of bugs. Code is simpler and easier to maintain. Intuitive Just describe your UI, and Compose takes care of the rest. As app state changes, your UI automatically updates. Accelerates Development Compatible with all your existing code so you can adopt when and where you want. Iterate fast with live previews and full Android Studio support. Powerful Create beautiful apps with direct access to the Android platform APIs and built-in support for Material Design, Dark theme, animations, and more.
  4. Pathways Each track offers learning content from Google that is

    structured into pathways. A pathway consists of a sequence of learning activities (videos, articles, and codelabs), to help you learn about a certain technical topic. There is a quiz at the end of a pathway to test what you learned.
  5. Earn digital badges For each quiz successfully passed, participants earn

    a badge on their developer profiles Carrie Sawyer
  6. This track is for people who are new to Android

    app development, whether they have programming experience or not. Pre-requisites • Basic computer literacy • Basic math skills What you will learn • Kotlin programming language basics • How to build Android app UIs using Compose • Best practices of Modern Android Development Content available • Android Basics with Compose course • Practice problems and open-ended projects in the course Pathway
  7. 2 3 1 Introduction to Kotlin Set up Android Studio

    Build a basic layout (4 hours) (3 hours) (4 hours) Learn introductory programming concepts in Kotlin to prepare for building Android apps in Kotlin. Install and set up Android Studio, create your first project, and run it on a device or emulator. Learn the basics of layouts in Android by creating your very own birthday card app! this is where you will truly start learning Compose! Android Basics with Compose Course Unit 1
  8. 2 3 1 Kotlin fundamentals Add a button to an

    app Interact with UI and state (4 hours) (3 hours) (4 hours) Learn more fundamentals of Kotlin, object-oriented programming, and lambdas. Learn how to respond to a button click in an Android app. Create a tip calculator app that calculates the tip from user input. Android Basics with Compose Course Unit 2
  9. Android Basics with Compose Course 2 3 1 More Kotlin

    fundamentals Build a scrollable list Build beautiful apps (4 hours) (3 hours) (4 hours) Learn additional Kotlin programming concepts that will enable you to build more interesting and fun Android apps. Create an app that displays a scrollable list of text and images using Compose. Make your apps more beautiful and intuitive to use with Material Design, animations, and accessibility best practices. Unit 3
  10. Android Basics with Compose Course 2 3 1 Architecture Components

    Navigation in Jetpack Compose Adapt for different screen sizes (4+ hours) (4 hours) (4 hours) Learn about app architecture and how to use ViewModels, StateUi and StateFlow to build more complex apps. Learn how to use the Navigation component to build more complex apps with more screens and how to navigate and pass data between different composables. In this pathway, you'll learn how to adapt your app to different screen sizes and provide a better user experience, as well as how to test your adaptive UI. Unit 4 More units coming soon!
  11. Customize for your audience No programming experience Go through each

    pathway of each unit in order, since the concepts build on each other. Already have programming experience Skip the pathways focused on Kotlin concepts that don’t contain Android, which are the first pathway of each unit from Units 1 to 3. Work through the remaining pathways in each unit in order to learn Android concepts. Quick Tip: If a developer is new to Kotlin, they can do Kotlin Koans online exercises as a quick jumpstart to become familiar with Kotlin syntax & idioms (~ 5 hours).
  12. Additional resources Practice problems These appear throughout the Android Basics

    with Compose course for learners to apply what they just learned in the context of a new app. These practice problems are optional. Learners can start on them if they finish early at a session, or do them at home. Open-ended projects At the end of each unit, there are opportunities for learners to create their own app, with some guidelines to help them. Since these apps will be unique to each individual, the apps could be added to their portfolio of work, and even uploaded to GitHub. Unit 1 - Business Card app Unit 2 - Art Space app Unit 3 - 30 Days app
  13. Additional resources Pathway 1 - Your First Android app (link

    here) Sample presentation decks These sample slide decks cover Unit 1 of the Android Basics with Compose Course.
  14. Additional resources (Experienced Track) Jetpack Compose for Android Developers Course

    (link here) Compose Presentation Decks (link here) Existing presentation decks with speaker notes are available on different Compose topic areas. You can use these to deliver talks or supplement content for your sessions.
  15. Share what you’ve learned using .#AndroidEducators on social media For

    a chance to be featured by Android, submit your tips on learning Compose to goo.gle/compose-tips