Please enable JavaScript to use CodeHS

Georgia Programming, Games, Apps, and Society

Advanced Layouts and Images

Students learn how to add images to their apps to further customize the building experience. They gain a deeper understanding of mobile apps layouts using Flex values and the Dimensions API.

Lessons

4.1 The Image Component

  • The Image Component
  • Quiz: The Image Component
  • Sizing Images Correctly
  • Images with Text
  • Snapchat Login Page Pt 3: Images
  • +2 more

4.2 Setting a Background Image

  • Setting a Background Image
  • Quiz: Setting a Background Image
  • Setting a Background Image
  • Phone Background
  • Mobile Resume

4.3 Using Images as Buttons

  • Using Images as Buttons
  • Quiz: Using Images as Buttons
  • Using Images as Buttons
  • Interactive Quotes
  • Music Player with TouchableHighlight
  • +1 more

4.4 Flex Layouts

  • Flex Layouts
  • Quiz: Flex Layouts
  • Using Flex Ratios
  • Even Quadrants
  • Uneven Quadrants
  • +4 more

4.5 Using 'Dimensions' to Control Size

  • Using 'Dimensions' to Control Size
  • Quiz: Using 'Dimensions' to Control Size
  • Even Quadrants with 'Dimensions'
  • Uneven Quadrants with 'Dimensions'
  • Using 'Dimensions' to Control Font and Image Size
  • +4 more

4.6 Challenge: Scorekeeper Pt 3

  • Scorekeeper Pt 3: Images and Responsive Design

4.7 Advanced Layouts and Images Quiz

  • Advanced Layouts and Images Quiz

Courses that include this module