Unit 4: Navigation and app architecture

• Unit 4 Pathway 1: Architecture Components
  • Unit 4 Pathway 1 Activity 1: Welcome to Unit 4
  • Unit 4 Pathway 1 Activity 2: Stages of the Activity lifecycle
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll build
    • App Overview
      • Starter code
    • Explore the lifecycle methods and add basic logging
      • Step 1: Examine the onCreate() method and add logging
      • Step 2: Implement the onStart() method
      • Step 3: Add more log statements
    • Explore lifecycle use cases
      • Use case 1: Opening and closing the activity
      • Use case 2: Navigating away from and back to the activity
      • Use case 3: Partially hide the activity
    • Explore configuration changes
      • Configuration change causes onDestroy() to be called
      • Data loss on device rotation
      • Lifecycle of a composable
      • Use rememberSaveable to save values across configuration changes
    • Solution code
    • Summary
      • Activity lifecycle
      • Logging with Log
      • Configuration changes
  • Unit 4 Pathway 1 Activity 3: Intro to App architecture
  • Unit 4 Pathway 1 Activity 4: Architecture: The UI Layer
  • Unit 4 Pathway 1 Activity 5: ViewModel and State in Compose
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll build
      • What you’ll need
    • App overview
      • Game overview
      • Solution code
    • Solution code overview
      • Solution code walkthrough
      • WordsData.kt
      • MainActivity.kt
      • GameScreen.kt
        • GameStatus
        • GameLayout
        • GameScreen
        • FinalScoreDialog
    • Learn about app architecture
      • Recommended app architecture
      • UI Layer
        • UI Elements + UI State = UI
        • UI Elements
        • UI State
        • The ViewModel state holder
    • Unscramble app architecture
    • GameViewModel
      • StateFlow
      • Backing property
    • Architecting your Compose UI
      • Unidirectional data flow
      • Pass the data
      • Display the guess word
    • Verify guess word
    • Update score and word count
      • Pass score and word count
    • Handle last round of game
      • Display game end dialog
      • Anatomy of alert dialog
    • State in device rotation
    • Conclusion
  • Unit 4 Pathway 1 Activity 6: Write unit tests to test the ViewModel (optional)
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll build
      • What you’ll need
      • Get the starter code
    • Starter code overview
    • Add test dependencies
      • Compose Bill of Materials (BOM)
    • Test strategy
      • Create tests
      • Success path
      • Error path
      • Boundary case
      • Test instance lifecycle overview
    • Introduction to code coverage
      • Run test with coverage using Android Studio
      • Analyze test report
      • Improve coverage
    • Solution code
    • Conclusion
  • Unit 4 Pathway 1 Activity 7: Practice: Add a ViewModel to Dessert Clicker
    • Before you begin
      • Introduction
      • Prerequisites
      • What you’ll need
      • What you’ll build
    • Starter code
    • Set up dependencies
    • Create a UI state class
    • Create a ViewModel
    • Relocate the app logic and data to the ViewModel
    • Call the ViewModel
    • Solution code
• Unit 4 Pathway 2: Navigation in Jetpack Compose
  • Unit 4 Pathway 2 Activity 1: Introduction to Navigation and Cupcake App
  • Unit 4 Pathway 2 Activity 2: Navigate between screens with Compose
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll build
      • What you’ll need
    • Download solution code
    • App walkthrough
      • Start order screen
      • Choose flavor screen
      • Choose pickup date screen
      • Order Summary screen
      • Reusable composables
    • Define routes and create a NavHostController
      • Parts of the Navigation Component
      • Define routes for destinations
      • A NavHost controller
      • Handle routes
      • Navigate between routes
        • StartOrderScreen button handlers
        • SelectOptionScreen button handlers
        • SummaryScreen button handlers
        • Navigate to another route
        • Pop to the start screen
      • Navigate to another app
  • Unit 4 Pathway 2 Activity 3: Test the Cupcake app (optional)
    • Introduction
      • Prerequisites
      • What you’ll learn
      • What you’ll build
      • What you’ll need
    • Starter code
    • Set up Cupcake for UI tests
      • Add the androidTest dependencies
      • Create the UI test directory
      • Create the test package
      • Create the navigation test class
    • Set up the nav host
    • Write navigation tests
      • Verify the start destination
      • Create helper methods
      • Verify that the Start screen doesn’t have an Up button
      • Verify navigation to the Flavor screen
      • Write more helper methods
      • Maximize test coverage
    • Write tests for the Order screen
      • Test the Choose Flavor screen content
      • Maximize test coverage: Order screen
    • Solution code
  • Unit 4 Pathway 2 Activity 4: Practice: Add navigation
    • Before you begin
      • Prerequisites
      • What you’ll need
      • What you’ll build
    • Get set up
    • Screen enum
    • Navigation controller and initialization
    • AppBar
      • Final screenshot
      • UI specifications
    • Navigation host
      • Final result
    • Get the solution code
• 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
• Unit 4 Quizzies
  • Unit 4 Pathway 1 Quizzies
  • Unit 4 Pathway 2 Quizzies
  • Unit 4 Pathway 3 Quizzies