$30 off During Our Annual Pro Sale. View Details »

Compose Your App

Compose Your App

Loveleen Kaur

October 28, 2022
Tweet

More Decks by Loveleen Kaur

Other Decks in Education

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