Please enable JavaScript to use CodeHS

Mobile Apps (Semester)

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
  • Mindset Survey 3

4.7 Advanced Layouts and Images Quiz

  • Advanced Layouts and Images Quiz

Courses that include this module