Please enable JavaScript to use CodeHS

Mobile Apps

View Syllabus Overview
Advanced Layouts and Images
Description

In this lesson, students will learn how to add images to their apps.

Objective

Students will be able to:

  • incorporate images into their app designs and size them appropriately
  • explain what the aspect ratio of an image is
Description

In this lesson, students will learn how to use the ImageBackground component to allow other components to be placed on top of an image.

Objective

Students will be able to:

  • use ImageBackground components to layer various components on top of an image
Description

In this lesson, students will learn how the Image component can be nested inside a TouchableHighlight component in order to use images as buttons.

Objective

Students will be able to:

  • use Image components as buttons in their apps
Description

In this lesson, students will learn how to create responsive layouts using flex values.

Objective

Students will be able to:

  • size components relative to each other and the screen size using flex
Description

In this lesson, students will learn how to create responsive layouts using the Dimensions API.

Objective

Students will be able to:

  • size components relative to each other and the screen size using the Dimensions API
  • note the reasons we would use Dimensions over flex values to create responsive designs
Description

In this lesson, students will add images to their Scorekeeper apps. They will also alter the way their components are sized so that their layout is responsive.

Objective

Students will be able to:

  • apply their knowledge of Image components to make their Scorekeeper app more appealing
  • use flex values or Dimensions to create a responsive layout
Description

In this lesson, students review content with a 15 question End-of-Unit Quiz.

Objective

Students will be able to:

  • Prove their knowledge of images and advanced layout concepts through a multiple choice quiz