- What is CodeHS?
- Curriculum
- Platform
- Assignments
- Classroom Management
- Grading
- Gradebook
- Progress Tracking
- Lesson Plans
- Offline Handouts
- Problem Guides
- Practice
- Create
- Problem Bank
- Playlist Bank
- Quiz Scores
- Rostering
- Integrations
- Professional Development
- Stories
- Standards
- States
- Alabama
- Alaska
- Arizona
- Arkansas
- California
- Colorado
- Connecticut
- D.C.
- Delaware
- Florida
- Georgia
- Hawaii
- Idaho
- Illinois
- Indiana
- Iowa
- Kansas
- Kentucky
- Louisiana
- Maine
- Maryland
- Massachusetts
- Michigan
- Minnesota
- Mississippi
- Missouri
- Montana
- Nebraska
- Nevada
- New Hampshire
- New Jersey
- New Mexico
- New York
- North Carolina
- North Dakota
- Ohio
- Oklahoma
- Oregon
- Pennsylvania
- Rhode Island
- South Carolina
- South Dakota
- Tennessee
- Texas
- Utah
- Vermont
- Virginia
- Washington
- West Virginia
- Wisconsin
- Wyoming
- State Standards
- Plans
- Resources
- Districts
- Share
- Contact Us
- Company
North Carolina CSI: 1.04
CodeHS Lessons
Design user interface. U3-L3; U7-L4
| Standard |
| 19.1 Creating the Canvas |
| 19.2 Shapes and Attributes |
| 19.3 Creating Graphics Using Variables |
| 19.4 Using Functions in Graphics |
| 19.5 Using Loops in Graphics |
| 19.6 Graphics Challenges |
| 21.1 Let's Build Mastermind |
| 18.1 Creating Text & Lines |
| 18.2 Creating Shapes |
| 18.3 Creating Graphics Using Variables |
| 18.4 Using Functions in Graphics |
| 18.5 Using Loops in Graphics |
| 18.6 Graphics Challenges |
| Standard |
| 24.1 Introduction to HTML |
| 24.14 Practice PT: Your First Website |
| 24.13 Web Development Quiz |
| 24.12 CSS Select by ID |
| 24.11 CSS Select by Class |
| 24.10 CSS Select by Tag |
| 24.9 Introduction to CSS |
| 24.8 HTML Styling |
| 24.7 HTML Tables |
| 24.6 HTML Lists |
| 24.5 Images |
| 24.4 Links |
| 24.3 Formatting Text |
| 24.2 Structure of an HTML Page |
| 32.1 Game Design: Helicopter |
| 27.7 Crazy Ball Game |
| 27.6 Drawing Lines |
| 27.5 Mouse Events: Mouse Moved |
| 27.4 Bouncing Ball |
| 27.3 Random Ghosts |
| 27.2 Random Circles |
| 27.1 Timers |
| 28.1 Breakout |
| 30.1 Visualizing Music |
| 31.1 Tic Tac Toe |
| 32.4 Polish |
| 32.3 Improvements |
| 32.2 Basics |
| Standard |
| 18.1 Intro to Design Thinking |
| 18.2 Prototype |
| 18.3 Test |
| 18.4 Project Prep and Development |
| 26.14 Practice PT: Your First Website |
| 30.1 Let's Build Mastermind |
| 26.12 CSS Select by ID |
| 26.11 CSS Select by Class |
| 26.10 CSS Select by Tag |
| 26.9 Introduction to CSS |
| 26.8 HTML Styling |
| 26.7 HTML Tables |
| 26.6 HTML Lists |
| 26.5 Images |
| 26.4 Links |
| 26.3 Formatting Text |
| 26.2 Structure of an HTML Page |
| 26.1 Introduction to HTML |
| Standard |
| 17.1 Intro to Design Thinking |
| 17.2 Prototype |
| 17.3 Test |
| 17.4 Project Prep and Development |
| Standard |
| 26.1 Introduction to HTML |
| 26.14 Practice PT: Your First Website |
| 26.13 Web Development Quiz |
| 26.12 CSS Select by ID |
| 26.11 CSS Select by Class |
| 26.10 CSS Select by Tag |
| 26.9 Introduction to CSS |
| 26.8 HTML Styling |
| 26.7 HTML Tables |
| 26.6 HTML Lists |
| 26.5 Images |
| 26.4 Links |
| 26.3 Formatting Text |
| 26.2 Structure of an HTML Page |
| 35.1 Game Design: Helicopter |
| 29.7 Crazy Ball Game |
| 29.6 Drawing Lines |
| 29.5 Mouse Events: Mouse Moved |
| 29.4 Bouncing Ball |
| 29.3 Random Ghosts |
| 29.2 Random Circles |
| 29.1 Timers |
| 30.1 Breakout |
| 33.1 Visualizing Music |
| 34.1 Tic Tac Toe |
| 35.4 Polish |
| 35.3 Improvements |
| 35.2 Basics |
| Standard |
| 24.1 Creating the Canvas |
| 24.2 Shapes and Attributes |
| 24.3 Creating Graphics Using Variables |
| 24.4 Using Functions in Graphics |
| 24.5 Using Loops in Graphics |
| 24.6 Graphics Challenges |
| 23.1 Creating Text & Lines |
| 23.2 Creating Shapes |
| 23.3 Creating Graphics Using Variables |
| 23.4 Using Functions in Graphics |
| 23.5 Using Loops in Graphics |
| 23.6 Graphics Challenges |
| Standard |
| 1.8 HTML Styling |
| 1.9 Introduction to CSS |
| Standard |
| 1.8 HTML Styling |
| 1.9 Introduction to CSS |
| Standard |
| 4.8 HTML Styling |
| 4.9 Introduction to CSS |
| Standard |
| 1.8 HTML Styling |
| 1.9 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 17.1 Creating the Canvas |
| 17.2 Shapes and Attributes |
| 17.3 Creating Graphics Using Variables |
| 17.4 Using Functions in Graphics |
| 17.5 Using Loops in Graphics |
| 17.6 Graphics Challenges |
| 18.1 Let's Build Mastermind |
| 20.1 Creating Text & Lines |
| 20.2 Creating Shapes |
| 20.3 Creating Graphics Using Variables |
| 20.4 Using Functions in Graphics |
| 20.5 Using Loops in Graphics |
| 20.6 Graphics Challenges |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 1.9 HTML Styling |
| 1.10 Introduction to CSS |
| Standard |
| 23.1 Introduction to HTML |
| 23.14 Practice PT: Your First Website |
| 23.13 Web Development Quiz |
| 23.12 CSS Select by ID |
| 23.11 CSS Select by Class |
| 23.10 CSS Select by Tag |
| 23.9 Introduction to CSS |
| 23.8 HTML Styling |
| 23.7 HTML Tables |
| 23.6 HTML Lists |
| 23.5 Images |
| 23.4 Links |
| 23.3 Formatting Text |
| 23.2 Structure of an HTML Page |
| 31.1 Game Design: Helicopter |
| 26.7 Crazy Ball Game |
| 26.6 Drawing Lines |
| 26.5 Mouse Events: Mouse Moved |
| 26.4 Bouncing Ball |
| 26.3 Random Ghosts |
| 26.2 Random Circles |
| 26.1 Timers |
| 27.1 Breakout |
| 29.1 Visualizing Music |
| 30.1 Tic Tac Toe |
| 31.4 Polish |
| 31.3 Improvements |
| 31.2 Basics |
| Standard |
| 9.8 HTML Styling |
| 9.9 Introduction to CSS |
| Standard |
| 19.1 Let's Build Mastermind |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 18.1 Introduction to HTML |
| 18.14 Practice PT: Your First Website |
| 18.13 Web Development Quiz |
| 18.12 CSS Select by ID |
| 18.11 CSS Select by Class |
| 18.10 CSS Select by Tag |
| 18.9 Introduction to CSS |
| 18.8 HTML Styling |
| 18.7 HTML Tables |
| 18.6 HTML Lists |
| 18.5 Images |
| 18.4 Links |
| 18.3 Formatting Text |
| 18.2 Structure of an HTML Page |
| 26.1 Game Design: Helicopter |
| 21.8 Crazy Ball Game |
| 21.7 Drawing Lines |
| 21.6 Mouse Events: Mouse Moved |
| 21.4 Bouncing Ball |
| 21.3 Random Ghosts |
| 21.2 Random Circles |
| 21.1 Timers |
| 22.1 Breakout |
| 24.1 Visualizing Music |
| 25.1 Tic Tac Toe |
| 26.4 Polish |
| 26.3 Improvements |
| 26.2 Basics |
| Standard |
| 19.1 Introduction to HTML |
| 19.14 Practice PT: Your First Website |
| 19.13 Web Development Quiz |
| 19.12 CSS Select by ID |
| 19.11 CSS Select by Class |
| 19.10 CSS Select by Tag |
| 19.9 Introduction to CSS |
| 19.8 HTML Styling |
| 19.7 HTML Tables |
| 19.6 HTML Lists |
| 19.5 Images |
| 19.4 Links |
| 19.3 Formatting Text |
| 19.2 Structure of an HTML Page |
| 27.1 Game Design: Helicopter |
| 22.8 Crazy Ball Game |
| 22.7 Drawing Lines |
| 22.6 Mouse Events: Mouse Moved |
| 22.4 Bouncing Ball |
| 22.3 Random Ghosts |
| 22.2 Random Circles |
| 22.1 Timers |
| 23.1 Breakout |
| 25.1 Visualizing Music |
| 26.1 Tic Tac Toe |
| 27.4 Polish |
| 27.3 Improvements |
| 27.2 Basics |
| Standard |
| 11.11 HTML Styling |
| 11.12 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 4.8 HTML Styling |
| 4.9 Introduction to CSS |
| Standard |
| 4.9 HTML Styling |
| 4.11 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 8.1 Intro to Design Thinking |
| 8.2 Prototype |
| 8.3 Test |
| 8.4 Project Prep and Development |
| 9.1 Let's Build Mastermind |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 9.1 Intro to Design Thinking |
| 9.2 Prototype |
| 9.3 Test |
| 9.4 Project Prep and Development |
| 15.1 Creating the Canvas |
| 15.2 Shapes and Attributes |
| 15.3 Creating Graphics Using Variables |
| 15.4 Using Functions in Graphics |
| 15.5 Using Loops in Graphics |
| 15.6 Graphics Challenges |
| 14.1 Creating Text & Lines |
| 14.2 Creating Shapes |
| 14.3 Creating Graphics Using Variables |
| 14.4 Using Functions in Graphics |
| 14.5 Using Loops in Graphics |
| 14.6 Graphics Challenges |
| Standard |
| 5.1 Intro to Design Thinking |
| 5.2 Prototype |
| 5.3 Test |
| 5.4 Project Prep and Development |
| 14.1 Let's Build Mastermind |
| Standard |
| 9.1 Intro to Design Thinking |
| 9.2 Prototype |
| 9.3 Test |
| 9.4 Project Prep and Development |
| 15.1 Creating the Canvas |
| 15.2 Shapes and Attributes |
| 15.3 Creating Graphics Using Variables |
| 15.4 Using Functions in Graphics |
| 15.5 Using Loops in Graphics |
| 15.6 Graphics Challenges |
| 14.1 Creating Text & Lines |
| 14.2 Creating Shapes |
| 14.3 Creating Graphics Using Variables |
| 14.4 Using Functions in Graphics |
| 14.5 Using Loops in Graphics |
| 14.6 Graphics Challenges |
| Standard |
| 5.1 Intro to Design Thinking |
| 5.2 Prototype |
| 5.3 Test |
| 5.4 Project Prep and Development |
| 14.1 Let's Build Mastermind |
| Standard |
| 8.8 HTML Styling |
| 8.9 Introduction to CSS |
| Standard |
| 5.8 HTML Styling |
| 5.9 Introduction to CSS |
| Standard |
| 6.11 HTML Styling |
| 6.12 Introduction to CSS |
| Standard |
| 12.1 Creating the Canvas |
| 12.2 Shapes and Attributes |
| 12.3 Creating Graphics Using Variables |
| 12.4 Using Functions in Graphics |
| 12.5 Using Loops in Graphics |
| 12.6 Graphics Challenges |
| 14.1 Let's Build Mastermind |
| 11.1 Creating Text & Lines |
| 11.2 Creating Shapes |
| 11.3 Creating Graphics Using Variables |
| 11.4 Using Functions in Graphics |
| 11.5 Using Loops in Graphics |
| 11.6 Graphics Challenges |
| Standard |
| 4.8 HTML Styling |
| 4.9 Introduction to CSS |
| Standard |
| 10.4 Links |
| 10.14 Practice PT: Your First Website |
| 10.13 Web Development Quiz |
| 10.12 CSS Select by ID |
| 10.11 CSS Select by Class |
| 10.10 CSS Select by Tag |
| 10.9 Introduction to CSS |
| 10.8 HTML Styling |
| 10.7 HTML Tables |
| 10.6 HTML Lists |
| 10.5 Images |
| 13.1 Breakout |
| 10.3 Formatting Text |
| 10.2 Structure of an HTML Page |
| 10.1 Introduction to HTML |
| 12.7 Crazy Ball Game |
| 12.6 Drawing Lines |
| 12.5 Mouse Events: Mouse Moved |
| 12.4 Bouncing Ball |
| 12.3 Random Ghosts |
| 12.2 Random Circles |
| 12.1 Timers |
| Standard |
| 11.1 Creating Text & Lines |
| 11.2 Creating Shapes |
| 11.3 Creating Graphics Using Variables |
| 11.4 Using Functions in Graphics |
| 11.5 Using Loops in Graphics |
| 11.6 Graphics Challenges |
- What is CodeHS?
- Curriculum
- Platform
- Assignments
- Classroom Management
- Grading
- Gradebook
- Progress Tracking
- Lesson Plans
- Offline Handouts
- Problem Guides
- Practice
- Create
- Problem Bank
- Playlist Bank
- Quiz Scores
- Rostering
- Integrations
- Professional Development
- Stories
- Standards
- States
- Alabama
- Alaska
- Arizona
- Arkansas
- California
- Colorado
- Connecticut
- D.C.
- Delaware
- Florida
- Georgia
- Hawaii
- Idaho
- Illinois
- Indiana
- Iowa
- Kansas
- Kentucky
- Louisiana
- Maine
- Maryland
- Massachusetts
- Michigan
- Minnesota
- Mississippi
- Missouri
- Montana
- Nebraska
- Nevada
- New Hampshire
- New Jersey
- New Mexico
- New York
- North Carolina
- North Dakota
- Ohio
- Oklahoma
- Oregon
- Pennsylvania
- Rhode Island
- South Carolina
- South Dakota
- Tennessee
- Texas
- Utah
- Vermont
- Virginia
- Washington
- West Virginia
- Wisconsin
- Wyoming
- State Standards
- Plans
- Resources
- Districts
- Share
- Contact Us
- Company