Mobile Apps is a CodeHS course that teaches students to create mobile apps using React Native, a popular platform-agnostic framework developed by Facebook and used by successful tech companies including Airbnb, Facebook, Instagram, Tesla, and more. Students will design and build applications to run smartphones and will use the latest tools and technologies available for mobile app development.

At the end of each unit, students take a summative multiple choice unit quiz that assesses their knowledge of the concepts covered in the unit. Included in each lesson is a formative short multiple choice quiz.

Software Requirements

Students modify and run programs in the browser using the CodeHS online editor and modify text-based programs in JavaScript and XML using the React Native framework.

Students will run their apps directly on the CodeHS platform as well as their own personal mobile devices with Expo, a free open-source toolchain built for running React Native apps with React and JavaScript.

Course Outline

SEMESTER A

Unit 1: Introduction to Mobile Apps

· 1.1 Introduction to React Native and Expo

Unit 2: Components and the Stylesheet

· 2.1 Introduction to Components

· 2.2 Introduction to the Stylesheet API

· 2.3 Styling View Components

· 2.4 Styling Text Components

· 2.5 Challenge: Scorekeeper Pt 1

· 2.6 Components and the Stylesheet Quiz

Unit 3: Buttons and Text Boxes

· 3.1 TouchableHighlight and the onPress Function

· 3.2 TextInput

· 3.3 Challenge: Scorekeeper Pt 2

· 3.4 Buttons & Text Boxes Quiz

Unit 4: Advanced Layouts and Images

· 4.1 The Image Component

· 4.2 Setting a Background Image

· 4.3 Using Images as Buttons

· 4.4 Flex Layouts

· 4.5 Using 'Dimensions' to Control Size

· 4.6 Challenge: Scorekeeper Pt 3

· 4.7 Advanced Layouts and Images Quiz

Unit 5: App Build: Recreate a Popular App

· 5.1 Recreate a Popular app

SEMESTER B

Unit 6: Events and State

· 6.1 Using State and Control Values

· 6.2 Updating State with onPress

· 6.3 Using Mathematical Equations to Update State

· 6.4 Using Methods to Update String States

· 6.5 Challenge: Scorekeeper Pt 4

· 6.6 Events and State Quiz

Unit 7: Creating Multiple Screens

· 7.1 Creating a Navbar

· 7.2 Using Buttons to Navigate Screens

· 7.3 Challenge: Scorekeeper Pt 5

· 7.4 Creating Multiple Screens Quiz

Unit 8: Working with Conditionals

· 8.1 Conditionals and State Change

· 8.2 Conditionals using Parameters

· 8.3 Challenge: Scorekeeper Pt 6

· 8.4 Working with Conditionals Quiz

Unit 9: App Build: Currency Converter

· 9.1 Currency Converter