Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

What Why How

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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.

Slide 5

Slide 5 text

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.

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Android Basics with Compose Course

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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!

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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.

Slide 16

Slide 16 text

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.

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

Thank You and All the Best!