Compose Your App

Transcript

1. Android Learn
   and Inspire
   Series
   ________
   Loveleen Kaur
   Software Engineer (Android)
   Co-Organizer Google Developers Group Chandigarh
   Compose Your App
   

   View Slide

2. What
   Why
   How
   

   View Slide

3. 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
   

   View Slide

4. 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.
   

   View Slide

5. 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.
   

   View Slide

6. Earn digital badges
   For each quiz successfully passed, participants earn a badge on their developer profiles
   Carrie
   Sawyer
   

   View Slide

7. Android Basics
   with Compose
   Course
   

   View Slide

8. 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
   

   View Slide

9. 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
   

   View Slide

10. 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
    

    View Slide

11. 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
    

    View Slide

12. 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!
    

    View Slide

13. 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).
    

    View Slide

14. 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
    

    View Slide

15. 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.
    

    View Slide

16. 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.
    

    View Slide

17. 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
    

    View Slide

18. Thank
    You and
    All the
    Best!
    

    View Slide