Unit 1 Pathway 3: Build a basic layout

• Intro to Jetpack Compose
• Design a birthday card app
• Build a simple app with text composables
  • Before you begin
    • Prerequisites
    • What you’ll learn
    • What you’ll build
    • What you’ll need
  • Set up a Happy Birthday app
    • Create an Empty Activity project
    • What is a user interface (UI)?
  • What is Jetpack Compose?
    • Composable functions
    • Annotations
      • Annotations with parameters
      • Example of a composable function
      • Notice the composable functions in code
    • Composable function names
  • Design pane in Android Studio
  • Add a new text element
    • Add a new composable function
    • Preview the function
  • Change font size
  • Add another text element
  • Arrange the text elements in a row and column
    • User Interface Hierarchy
    • Trailing lambda syntax
    • Arrange the text elements in a row
    • Arrange the text elements in a column
  • Add greeting to the app
    • Align greeting to the center
    • Adopt good practice
  • Get the solution code
  • Conclusion
• Add images to your Android app
  • Before you begin
    • Prerequisites
    • What you’ll learn
    • What you’ll build
    • What you’ll need
  • Set up your app
    • Add an image to your project
  • Add an Image composable
    • Add a composable function to add an image
    • Resources in Jetpack Compose
      • Grouping resources
      • Accessing resources
    • Check your app for accessibility
    • Preview the Image composable
  • Add Box layout
  • Change opacity and scale the image
    • Scale content
    • Change opacity
    • Run the app
    • Layout Modifiers
  • Align and arrange the text
    • Padding
  • Adopt good code practices
    • Translation
  • Solution code
  • Conclusion
• Practice: Compose Basics
  • Before you begin
    • Prerequisites
    • What you’ll need
  • Compose article
    • Final screenshot: Compose article
    • UI specification: Compose article
    • Resources: Compose article
    • References
  • Task manager
    • Final screenshot: Task manager
    • UI specification: Task manager
    • Resources
  • Compose quadrant
    • Final screenshot: Compose quadrant
    • UI specifications: Compose quadrant
    • Resources: Compose quadrant
  • Solution code
• Project: Create a Business Card app
  • Before you begin
    • Prerequisites
    • What you’ll learn
    • What you’ll build
    • What you’ll need
  • Build UI with composables
    • Create a low-fidelity prototype
    • Convert design into code