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 0
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 0
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 0
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 0
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 0
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 0
2.4.11 Mindset Survey 1 0
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 0
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 0
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 Build a Homescreen 5
3.1.7 SnapChat Login Page Pt 2: Buttons 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 0
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 0
4.4 Flex Layouts
4.4.1 Flex Layouts 1
4.4.2 Quiz: Flex Layouts 0
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 0
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 0
4.7 Advanced Layouts and Images Quiz
4.7.1 Advanced Layouts and Images Quiz 0
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 0
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 0
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 0
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
Midterm
10.1 Midterm
10.1.1 Midterm Pt 1: Multiple Choice 5
Additional Topics
11.1 Changing Attributes Through User Interaction
11.1.1 Changing Button on Click 1
11.1.2 Changing Button Color with Conditionals 1
11.1.3 Change Button Size 5
Mobile Apps Prerequisite
12.1 Introduction to HTML
12.1.1 Introduction to HTML 1
12.1.2 Introduction to HTML Quiz 5
12.1.3 Our First HTML Page 1
12.1.4 Say Hello! 5
12.2 Structure of an HTML Page
12.2.1 Structure of an HTML Page 1
12.2.2 Structure of an HTML Page Quiz 5
12.2.3 HTML Template 1
12.2.4 Hello World Page 1
12.2.5 The <title> Tag 5
12.2.6 Your First HTML Page 5
12.3 Formatting Text
12.3.1 Formatting Text 1
12.3.2 Formatting Text Quiz 5
12.3.3 Dictionary 1
12.3.4 Word Definitions 5
12.3.5 Pet Names 5
12.3.6 Call of the Wild 5
12.3.7 Formatting Badge 0
12.4 Links
12.4.1 Links 1
12.4.2 Links Quiz 5
12.4.3 The <a> Tag 1
12.4.4 Bookmarks 5
12.4.5 Encyclopedias 5
12.5 Images
12.5.1 Images 1
12.5.2 Images Quiz 5
12.5.3 The <img> Tag 1
12.5.4 Building the CodeHS Homepage 1
12.5.5 Collage on a Theme 5
12.5.6 Linking an Image 5
12.5.7 National Parks 5
12.6 HTML Lists
12.6.1 HTML Lists 1
12.6.2 HTML Lists Quiz 5
12.6.3 Grocery Shopping 1
12.6.4 Class Planning 5
12.6.5 Dream Destinations 5
12.6.6 Vacation Guides 5
12.7 HTML Tables
12.7.1 HTML Tables 1
12.7.2 HTML Tables Quiz 5
12.7.3 Address Book 1
12.7.4 National Sports 5
12.7.5 Table of Favorites 5
12.8 HTML Styling
12.8.1 HTML Styling 1
12.8.2 HTML Styling Quiz 5
12.8.3 Stylish Address Book 1
12.8.4 Background Colors 5
12.8.5 Style Your Class List 5
12.8.6 Styling Badge 0
12.9 HTML Colors
12.9.1 HTML Colors 1
12.9.2 HTML Colors Quiz 5
12.9.3 HTML Colors Examples 1
12.9.4 Create Your Own Color 5
12.9.5 Gradients 5
12.9.6 Color Wheel 1
12.9.7 Using Good Colors 5
12.10 Introduction to CSS
12.10.1 Introduction to CSS 1
12.10.2 Introduction to CSS Quiz 5
12.10.3 Styling your H1s 1
12.10.4 First style with CSS 5
12.10.5 List Styling 5
12.10.6 Endangered Animals: Skeleton 5
12.11 CSS Select by Tag
12.11.1 CSS Select by Tag 1
12.11.2 CSS Select by Tag Quiz 5
12.11.3 Rainbow 1
12.11.4 Dog Styling 1
12.11.5 Set List 5
12.11.6 Your Appliance Recommendations 5
12.11.7 Endangered Animals: Style the Headers 5
12.12 CSS Select by Class
12.12.1 CSS Select by Class 1
12.12.2 CSS Select by Class Quiz 5
12.12.3 Simple Checkerboard 1
12.12.4 Swim Meet 5
12.12.5 Favorite Things 5
12.12.6 Endangered Animals: Add Color Coding 5
12.13 CSS Select by ID
12.13.1 CSS Select by ID 1
12.13.2 CSS Select by ID Quiz 5
12.13.3 Logo 1
12.13.4 Must Do Today! 5
12.13.5 Lomeli's Menu 5
12.13.6 Endangered Animals: Add Pictures 5
12.13.7 Selector Badge 0
12.14 The Cascade
12.14.1 The Cascade 1
12.14.2 The Cascade Quiz 5
12.14.3 Using Importance 1
12.14.4 Order of Precedence 1
12.14.5 We Really Like Dairy 5
12.14.6 Style the Table 5
12.15 Variables
12.15.1 Variables 1
12.15.2 Variables Quiz 5
12.15.3 Basic Variables 1
12.15.4 Daily Activities 5
12.16 Booleans
12.16.1 Booleans 1
12.16.2 Booleans Quiz 5
12.16.3 First Boolean 1
12.16.4 Do You Have a Dog? 5
12.17 Logical Operators
12.17.1 Logical Operators 1
12.17.2 Logical Operators Quiz 5
12.17.3 Light Switch 1
12.17.4 President 1
12.17.5 Wasting Time 1
12.17.6 Can You Graduate? 5
12.17.7 School's Out 5
12.18 Comparison Operators
12.18.1 Comparison Operators 1
12.18.2 Comparison Operators Quiz 5
12.18.3 Voting Age 1
12.18.4 Grade Range 1
12.18.5 Rolling Dice 5
12.18.6 Girl Scout Designation 5
12.19 If Statements
12.19.1 If Statements 1
12.19.2 If Statements Quiz 5
12.19.3 Negative Numbers 1
12.19.4 Great Names 1
12.19.5 Even and Odd 1
12.19.6 Secret Password 1
12.19.7 Teenagers 5
12.19.8 Dietary Restrictions 5
12.19.9 Conditionals Badge 0
12.19.10 Mindset Survey 2 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