Please enable JavaScript to use CodeHS

Points

Activity Points
Introduction to Mobile Apps
1.1 Introduction to React Native and Expo
1.1.1 Introduction to React Native and Expo 1
1.1.2 Quiz: Introduction to React Native and Expo 2
1.1.3 Why Mobile Apps? 5
1.1.4 What is React Native? 1
1.1.5 React Native App Overview 1
1.1.6 Running Apps on CodeHS 1
1.1.7 Running Apps on Expo 1
1.1.8 React Native App Example 1
1.1.9 React Native App Example Reflection 5
Components and the Stylesheet
2.1 Introduction to Components
2.1.1 Introduction to Components 1
2.1.2 Quiz: Introduction to Components 2
2.1.3 The Parent View Component 1
2.1.4 Nesting Multiple Text Components 1
2.1.5 Customizing Text 5
2.1.6 Adding Components 5
2.1.7 Debugging Components 5
2.2 Introduction to the Stylesheet API
2.2.1 Introduction to the Stylesheet API 1
2.2.2 Quiz: Introduction to the Stylesheet API 3
2.2.3 Naming a Stylesheet ID 1
2.2.4 Multiple Stylesheet ID's 1
2.2.5 Connecting Components to the Stylesheet 5
2.2.6 Debug the Stylesheet 5
2.3 Styling View Components
2.3.1 Styling View Components 1
2.3.2 Quiz: Styling View Components 2
2.3.3 Height and Width 1
2.3.4 Justifying Content 1
2.3.5 Aligning Items 1
2.3.6 Rainbow Background 5
2.3.7 Flex Direction 1
2.3.8 Checkerboard 1
2.3.9 Nested Views 5
2.3.10 Andy Warhol Image 5
2.4 Styling Text Components
2.4.1 Styling Text Components 1
2.4.2 Quiz: Styling Text Components 2
2.4.3 Text Component Attributes 1
2.4.4 Text Component Dimensions 1
2.4.5 My Favorites List 5
2.4.6 News Article Styling 5
2.4.7 Google Logo 5
2.4.8 SnapChat Login Page Pt 1: Layout 5
2.4.9 Venmo Balance Transfer Page Pt 1: Layout 5
2.4.10 Stylish Mobile App Badge 1
2.4.11 Mindset Survey 1 1
2.5 Challenge: Scorekeeper Pt 1
2.5.1 Scorekeeper Pt 1: Example 1
2.5.2 Scorekeeper Pt 1: Screen Layout 10
2.6 Components and the Stylesheet Quiz
2.6.1 Components and the Stylesheet Quiz 15
Buttons and Text Boxes
3.1 TouchableHighlight and the onPress Function
3.1.1 TouchableHighlight and the onPress Function 1
3.1.2 Quiz: TouchableHighlight and the onPress Function 2
3.1.3 TouchableHighlight with Text Only 1
3.1.4 TouchableHighlight Components as Buttons 1
3.1.5 Adding TouchableHighlight to the News Article 5
3.1.6 SnapChat Login Page Pt 2: Buttons 5
3.1.7 Build a Homescreen 5
3.2 TextInput
3.2.1 TextInput 1
3.2.2 TextInput 5
3.2.3 Adding TextInput 1
3.2.4 iMessage 1
3.2.5 Google Search Page 5
3.2.6 Feedback Form 5
3.2.7 Venmo Balance Transfer Pt 2: Buttons & Input 5
3.3 Challenge: Scorekeeper Pt 2
3.3.1 Scorekeeper Pt 2: Buttons and TextInput 10
3.4 Buttons & Text Boxes Quiz
3.4.1 Buttons and Text Boxes Quiz 5
Advanced Layouts and Images
4.1 The Image Component
4.1.1 The Image Component 1
4.1.2 Quiz: The Image Component 2
4.1.3 Sizing Images Correctly 1
4.1.4 Images with Text 1
4.1.5 Snapchat Login Page Pt 3: Images 5
4.1.6 Music Player Interface 5
4.1.7 Google Search Page using Images 5
4.2 Setting a Background Image
4.2.1 Setting a Background Image 1
4.2.2 Quiz: Setting a Background Image 5
4.2.3 Setting a Background Image 1
4.2.4 Phone Background 5
4.2.5 Mobile Resume 5
4.3 Using Images as Buttons
4.3.1 Using Images as Buttons 1
4.3.2 Quiz: Using Images as Buttons 5
4.3.3 Using Images as Buttons 1
4.3.4 Interactive Quotes 5
4.3.5 Music Player with TouchableHighlight 5
4.3.6 Mobile Image Badge 1
4.4 Flex Layouts
4.4.1 Flex Layouts 1
4.4.2 Quiz: Flex Layouts 2
4.4.3 Using Flex Ratios 1
4.4.4 Even Quadrants 1
4.4.5 Uneven Quadrants 1
4.4.6 Rainbow Background with Flex 5
4.4.7 Simple Flag with Flex 5
4.4.8 Advanced Flag with Flex 5
4.4.9 SnapChat Login Page Pt 4: Flex 5
4.5 Using 'Dimensions' to Control Size
4.5.1 Using 'Dimensions' to Control Size 1
4.5.2 Quiz: Using 'Dimensions' to Control Size 3
4.5.3 Even Quadrants with 'Dimensions' 1
4.5.4 Uneven Quadrants with 'Dimensions' 1
4.5.5 Using 'Dimensions' to Control Font and Image Size 1
4.5.6 Rainbow Background using 'Dimensions' 5
4.5.7 Simple Flag using 'Dimensions' 5
4.5.8 Advanced Flag using 'Dimensions' 5
4.5.9 SnapChat Login Page Pt 5: 'Dimensions' 5
4.6 Challenge: Scorekeeper Pt 3
4.6.1 Scorekeeper Pt 3: Images and Responsive Design 10
4.6.2 Mindset Survey 3 1
4.7 Advanced Layouts and Images Quiz
4.7.1 Advanced Layouts and Images Quiz 15
App Build: Recreate a Popular App
5.1 Recreate a Popular App
5.1.1 Choose an App 5
5.1.2 Plan Layout and Functionality 5
5.1.3 How to Upload an Image on CodeHS 1
5.1.4 Code Layout 5
5.1.5 Add Functionality 10
5.1.6 Reflection 5
Events and State
6.1 Using State to Control Values
6.1.1 Using State to Control Values 1
6.1.2 Using State to Control Values 2
6.1.3 Initial State 1
6.1.4 Setting the Location with State 5
6.1.5 Multiple State Values 5
6.2 Updating State with onPress
6.2.1 Updating State with onPress 1
6.2.2 Updating State with onPress 5
6.2.3 Updating State with onPress 1
6.2.4 State Updates Based on Button Press 1
6.2.5 Name to Nickname 5
6.2.6 SnapChat Login Page Pt 6: Using State 5
6.3 Using Mathematical Equations to Update State
6.3.1 Using Mathematical Equations to Update State 1
6.3.2 Using Mathematical Equations to Update State 5
6.3.3 Updating the Count 1
6.3.4 Full Counter App 5
6.3.5 Easy Calculator 10
6.4 Using Methods to Update String States
6.4.1 Using Methods to Update String States 1
6.4.2 Using Methods to Update String States 5
6.4.3 Upper and Lower 1
6.4.4 Updating the Mood of a String with State 5
6.4.5 Spellchecker 5
6.5 Challenge: Scorekeeper Pt 4
6.5.1 Scorekeeper Pt 4: Functionality with States 10
6.5.2 Mindset Survey 2 1
6.6 Events and State Quiz
6.6.1 Events and State Quiz 5
Creating Multiple Screens
7.1 Creating a Navbar
7.1.1 Creating a Navbar 1
7.1.2 Creating a Navbar 5
7.1.3 Bottom Navbar 1
7.1.4 Top Navbar 5
7.1.5 Icon Navbar in Landscape 5
7.1.6 iPhone Call Navbar 5
7.2 Using Buttons to Navigate Screens
7.2.1 Using Buttons to Navigate Screens 1
7.2.2 Using Buttons to Navigate Screens 5
7.2.3 Two Screen App 1
7.2.4 Name & Image App 5
7.2.5 Mobile Biography of a Role Model 5
7.2.6 RSVP Tracker 5
7.3 Challenge: Scorekeeper Pt 5
7.3.1 Scorekeeper Pt 5: Multiple Screens 10
7.4 Creating Multiple Screens Quiz
7.4.1 Creating Multiple Screens Quiz 5
Working with Conditionals
8.1 Conditionals and State Change
8.1.1 Conditionals and State Change 1
8.1.2 Quiz: Conditionals and State Change 2
8.1.3 Marathon Counter App 1
8.1.4 Savings Tracker 5
8.1.5 Venmo Balance Transfer Pt 3: Check Balance 5
8.2 Conditionals using Parameters
8.2.1 Conditionals using Parameters 1
8.2.2 Conditionals using Parameters 5
8.2.3 Parameters and Conditional Background Images 1
8.2.4 Traffic Light Conditionals 1
8.2.5 Conditional Winner! 5
8.2.6 Trivia App 10
8.3 Challenge: Scorekeeper Pt 6
8.3.1 Scorekeeper Pt 6: Add Standings Page 10
8.4 Working with Conditionals Quiz
8.4.1 Working with Conditionals Quiz 5
App Build: Currency Converter
9.1 Currency Converter
9.1.1 Plan Layout and Functionality 5
9.1.2 Code the Layout 5
9.1.3 Add Functionality 10
9.1.4 Reflection 5
Using Collections of Data
10.1 Using Arrays and Indexing to Set State
10.1.1 Using Arrays and Indexing to Set State 1
10.1.2 Using Arrays and Indexing to Set State 5
10.1.3 Traveling to Multiple States 1
10.1.4 Conditional Winner Using Arrays 1
10.1.5 Conditional Roadtrip 5
10.1.6 Time of Day 5
10.2 Mapping Through Objects in Arrays
10.2.1 Mapping Through Objects in Arrays 1
10.2.2 Mapping Through Objects in Arrays 5
10.2.3 Guest List 1
10.2.4 ClassPass Pt 1: Schedule 5
10.2.5 Favorite Movies List 5
10.3 Challenge: Scorekeeper Pt 7
10.3.1 Scorekeeper Pt 7: Implement Arrays 10
10.4 Using Collections of Data Quiz
10.4.1 Using Collections of Data Quiz 5
Working with ScrollView
11.1 Using ScrollView
11.1.1 Using ScrollView 1
11.1.2 Using ScrollView 0
11.1.3 Class Schedule ScrollView 1
11.1.4 Scrolling through National Parks 1
11.1.5 Scrollable List of BFF's 5
11.1.6 ScrollView inside ScrollView 5
11.2 ScrollView using Objects
11.2.1 ScrollView using Objects 1
11.2.2 ScrollView using Objects 5
11.2.3 Scrolling through Mapped National Parks 1
11.2.4 Mapping through a Class Schedule with ScrollView 1
11.2.5 Mapping My BFF's 5
11.2.6 ClassPass Pt 2: Add Features 5
11.2.7 Mindset Survey 4 0
11.3 Challenge: Scorekeeper Pt 8
11.3.1 Scorekeeper Pt 8: Add ScrollView 10
11.4 Working with ScrollView Quiz
11.4.1 Working with ScrollView Quiz 5
App Build: Image Feed App
12.1 Project: Image Feed
12.1.1 Plan Layout and Functionality 5
12.1.2 Code the Layout 5
12.1.3 Add Functionality 10
12.1.4 Reflection 5
12.1.5 Image Feed Badge 0
Designing User Interfaces
13.1 Intro to Design Thinking
13.1.1 Intro to Design Thinking 1
13.1.2 Intro to Design Thinking 0
13.1.3 User Interface Scavenger Hunt 5
13.1.4 Case Study: Helping Blind People See 1
13.1.5 Case Study Responses 5
13.1.6 Crash Course: Empathize 1
13.1.7 Empathize Notes 5
13.1.8 Crash Course: Define 1
13.1.9 Problem Statement 5
13.1.10 Crash Course: Ideate 1
13.1.11 Ideate Notes 5
13.1.12 Crash Course: Prototype and Test 1
13.1.13 Testing Notes 5
13.1.14 Topic Brainstorm 5
13.1.15 Narrowing Down Topics 5
13.2 Empathy
13.2.1 Empathy 1
13.2.2 Empathy Quiz 0
13.2.3 A Cafeteria Designed for Me 1
13.2.4 A Cafeteria Designed for Me 5
13.2.5 Accessibility 1
13.2.6 Accessibility Tips 5
13.2.7 Accessibility: Designing for ALL 5
13.2.8 How to Interview 1
13.2.9 How to Interview 5
13.2.10 User Interview 5
13.3 Define
13.3.1 Define 1
13.3.2 Define Quiz 0
13.3.3 Make a Composite Character Profile 1
13.3.4 Composite Character Profile 5
13.3.5 Point-of-View Statement Brainstorm 5
13.3.6 POV Statement 5
13.4 Ideate
13.4.1 Ideate 1
13.4.2 Ideate Quiz 5
13.4.3 Stoke 1
13.4.4 Get Stoked 5
13.4.5 Brainstorming Tips 1
13.4.6 Ideate! 5
13.5 Prototype
13.5.1 Prototype 1
13.5.2 Prototype Quiz 5
13.5.3 Brainstorm Selection 1
13.5.4 Harvest Ideas from the Brainstorm 5
13.5.5 Wizard of Oz Prototyping 1
13.5.6 Example Wizard of Oz Paper Prototype 1
13.5.7 Make Your Paper Prototypes! 5
13.6 Test
13.6.1 Test 1
13.6.2 Testing Quiz 5
13.6.3 Testing with Users 1
13.6.4 Example: How to User Test 1
13.6.5 How to User Test Responses 5
13.6.6 Example: How NOT to User Test 1
13.6.7 How NOT to User Test Responses 5
13.6.8 Test Prototype 1 5
13.6.9 Test Prototype 2 5
13.6.10 Improve Your Prototype 5
13.7 Designing User Interfaces Quiz
13.7.1 Designing User Interfaces Quiz 25
13.7.2 Designing User Interfaces Badge 0
End of Course App Build
14.1 Build Your Own App
14.1.1 App Planning 5
14.1.2 Planning with Pseudocode 0
14.1.3 Code the Layout 10
14.1.4 App Functionality 10
14.1.5 App Presentation 0
14.1.6 Custom App Badge 0
Final
15.1 Final Exam
15.1.1 Mobile Apps Pt. 1: Multiple Choice 0
Mobile Apps Prerequisite
App Build: Trivia App
17.1 Project: Trivia App
17.1.1 Plan Layout and Functionality 5
17.1.2 Code the Layout 5
17.1.3 Add Functionality 10
Challenges
18.1 Mobile Apps Challenge Exercises
18.1.1 Tic Tac Toe Board (5.1.10) 5
18.1.2 Instagram Feed (5.2.12) 5
18.1.3 Updating Instagram Likes (6.1.8) 5
18.1.4 Adding ScrollView and Likes to Instagram (6.2.9) 5
Midterm
19.1 Midterm
19.1.1 Midterm Pt 1: Multiple Choice 5
Additional Topics
20.1 Changing Attributes Through User Interaction
20.1.1 Changing Button on Click 1
20.1.2 Changing Button Color with Conditionals 1
20.1.3 Change Button Size 5
20.1.4 Update Button Appearance when Pressed 5