Unit 4 Pathway 3: Adapt for different screen sizes

• Unit 4 Pathway 3 Activity 1: Adaptive layouts
• Unit 4 Pathway 3 Activity 2: Intro to Reply app
• Unit 4 Pathway 3 Activity 3: Build an adaptive app with dynamic navigation
  • Introduction
    • Prerequisites
    • What you’ll learn
    • What you’ll build
    • ​What you need
  • App overview
  • Solution code
  • Solution code walkthrough
    • Important directories in Reply app
    • Data initialization in Reply app
    • The screen level composable
    • Other composables
  • Change screens without a navigation graph
    • Change screens with state changes
    • Create custom back handler
  • Run app on large screen devices
    • Check your app with the resizable emulator
    • Run app on a large screen emulator
    • Design for large screens
  • Make your layout adapt to different screen sizes
    • What are breakpoints?
    • Use Window Size Classes
  • Implement adaptive navigation layout
    • Implement adaptive UI navigation
    • Implement a navigation drawer
    • Implement a navigation rail
  • Conclusion
• Unit 4 Pathway 3 Activity 4: Build an app with an adaptive layout
  • Introduction
    • Prerequisites
    • What you’ll learn
    • What you’ll build
    • What you’ll need
    • Solution code
  • Previews for different screen sizes
    • Create previews for different screen sizes
  • Implement adaptive content layout
    • Introduction to list-detail view
    • Implement list-detail view
    • Improve UI elements for list-detail view
    • Adjust back handling for list-detail view
  • Verify for different screen sizes
    • Large screen app quality guideline
    • Manually test your app for large screen readiness
  • Add automated test for adaptive apps (optional)
    • Configure test for the compact screen size
    • Configure test for the medium and expanded screen sizes
    • Test for a configuration change in a compact screen
    • Test for a configuration change in the expanded screen
    • Use annotations to group test for different screen sizes
• Unit 4 Pathway 3 Activity 5: Practice: Build Sports app
  • Before you begin
    • Prerequisites
    • What you’ll need
    • What you’ll build
  • Get started
  • Plan to adapt Sports app for large screens
  • Create the expanded screen in code
  • Make app change to different layout based on window size
  • Solution code
• Unit 4 Pathway 3 Activity 6: Project: Create a My City app
  • Prerequisites
  • What you’ll build
  • What you’ll need
    • Overview
    • Gather the content for the app
    • Sketch the app screens
    • Plan the steps
    • Implement the app
    • Test the app with Resizable Emulator