Please enable JavaScript to use CodeHS

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
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
22.1 Creating Text & Lines
22.2 Creating Shapes
22.3 Creating Graphics Using Variables
22.4 Using Functions in Graphics
22.5 Using Loops in Graphics
22.6 Graphics Challenges
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
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
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
4.8 HTML Styling
4.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
17.1 Intro to Design Thinking
17.2 Prototype
17.3 Test
17.4 Project Prep and Development
Standard
6.11 HTML Styling
6.12 Introduction to CSS