Please enable JavaScript to use CodeHS

WY 6-8: 8.AP.PD.02

CodeHS Lessons

Incorporate existing code, media, and libraries into original programs of increasing complexity and give attribution.

Standard
4.1 Intro to the Canvas and Graphics
4.2 More Graphics Objects
4.3 Positioning Graphics Objects
Standard
3.1 Intro to the Canvas and Graphics
3.2 More Graphics Objects
3.3 Positioning Graphics Objects
Standard
4.1 Intro to the Canvas and Graphics
4.2 More Graphics Objects
4.3 Positioning Graphics Objects
Standard
4.1 Intro to the Canvas and Graphics
4.2 More Graphics Objects
4.3 Positioning Graphics Objects
Standard
8.1 Getting Started
8.2 Color
8.3 Variables
8.4 The Draw Loop
8.5 Color Transitions
8.6 Shape Transformations
8.7 Direction
8.8 Mouse Data
8.9 Keyboard Data
8.10 Project: Animate an Emoji
9.7 Program Structure
9.9 Your First Sprites
9.10 The Physics of Sprites
Standard
4.1 Getting Started
4.2 Color
4.3 Variables
4.4 The Draw Loop
4.5 Color Transitions
4.6 Shape Transformations
4.7 Direction
4.8 Mouse Data
4.9 Keyboard Data
4.10 Project: Animate an Emoji
5.7 Program Structure
5.9 Your First Sprites
5.10 The Physics of Sprites
Standard
1.3 Color
1.4 Variables
2.1 The Draw Loop
2.2 Color Transitions
2.3 Shape Transformations
2.4 Direction
3.2 Mouse Data
3.3 Keyboard Data
Standard
3.2 Program Structure
3.4 Your First Sprites
3.5 The Physics of Sprites
Standard
3.5 Using Graphics in JavaScript
Standard
3.1 What is Scripting?
3.2 Disappearing Platforms
3.3 Fading Platforms
3.4 Deadly Lava
Standard
3.5 Using Graphics in JavaScript
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
3.5 Using Graphics in JavaScript
Standard
2.5 Using Graphics in JavaScript
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Using Graphics in JavaScript
Standard
6.5 Using Graphics in JavaScript
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
6.5 Using Graphics in JavaScript
Standard
10.6 Using Graphics in JavaScript
Standard
5.5 Using Graphics in JavaScript
Standard
1.6 Copyright
Standard
5.5 Using Graphics in JavaScript
Standard
3.1 Intro to the Canvas and Graphics
3.2 More Graphics Objects
3.3 Positioning Graphics Objects
Standard
8.6 Using Graphics in JavaScript
Standard
8.6 Using Graphics in JavaScript
Standard
4.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
5.5 Using Graphics in JavaScript
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
2.5 Using Graphics in JavaScript
Standard
2.5 Using Graphics in JavaScript
Standard
11.6 Copyright
11.10 Project: Your First Website, Pt 1
11.16 Project: Your First Website, Pt 2
12.7 Build Your Website!
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
6.1 Intro to the Canvas and Graphics
6.2 More Graphics Objects
6.3 Positioning Graphics Objects
Standard
5.1 Getting Started
5.2 Color
5.3 Variables
5.4 The Draw Loop
5.5 Color Transitions
5.6 Shape Transformations
5.7 Direction
5.8 Mouse Data
5.9 Keyboard Data
5.10 Project: Animate an Emoji
Standard
5.1 Intro to the Canvas and Graphics
5.2 More Graphics Objects
5.3 Positioning Graphics Objects
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
5.5 Using Graphics in JavaScript
Standard
6.5 Using Graphics in JavaScript
Standard
5.5 Using Graphics in JavaScript
Standard
8.9 Project: Your First Website, Pt 1
8.16 Project: Your First Website, Pt 2
Standard
6.1 Intro to the Canvas and Graphics
6.2 More Graphics Objects
6.3 Positioning Graphics Objects
Standard
5.5 Using Graphics in JavaScript
Standard
5.5 Using Graphics in JavaScript
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!
Standard
5.1 Getting Started
5.2 Color
5.3 Variables
5.4 The Draw Loop
5.5 Color Transitions
5.6 Shape Transformations
5.7 Direction
5.8 Mouse Data
5.9 Keyboard Data
5.10 Project: Animate an Emoji
Standard
3.2 Program Structure
3.4 Your First Sprites
3.5 The Physics of Sprites
Standard
2.6 Copyright
Standard
2.6 Copyright
Standard
5.5 Using Graphics in JavaScript
Standard
3.1 Getting Started
3.2 Color
3.3 Variables
3.4 The Draw Loop
3.5 Color Transitions
3.6 Shape Transformations
3.7 Direction
3.8 Mouse Data
3.9 Keyboard Data
3.10 Project: Animate an Emoji
4.7 Program Structure
4.9 Your First Sprites
4.10 The Physics of Sprites
Standard
6.6 Copyright
6.10 Project: Your First Website, Pt 1
6.16 Project: Your First Website, Pt 2
7.7 Build Your Website!