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 |
| 14.7 Showcase Your Creation! |
| 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 |
| 8.7 Program Structure |
| 8.9 Your First Sprites |
| 8.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! |
| Standard |
| 2.6 Copyright |
| Standard |
| 5.5 Using Graphics in JavaScript |
| Standard |
| 6.1 Getting Started |
| 6.2 Color |
| 6.3 Variables |
| 6.4 The Draw Loop |
| 6.5 Color Transitions |
| 6.6 Shape Transformations |
| 6.7 Direction |
| 6.8 Mouse Data |
| 6.9 Keyboard Data |
| 6.10 Project: Animate an Emoji |
| Standard |
| 6.6 Using Graphics in JavaScript |
| Standard |
| 6.5 Using Graphics in JavaScript |
| Standard |
| 2.1 Intro to the Canvas and Graphics |
| 2.2 More Graphics Objects |
| 2.3 Positioning Graphics Objects |
| 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 |
| 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 |
| 3.2 Program Structure |
| 3.4 Your First Sprites |
| 3.5 The Physics of Sprites |
| Standard |
| 11.7 Showcase Your Creation! |
| Standard |
| 12.7 Showcase Your Creation! |
| Standard |
| 12.7 Showcase Your Creation! |
| Standard |
| 15.7 Showcase Your Creation! |
| Standard |
| 10.9 Intro to the Canvas and Graphics |
| 10.10 More Graphics Objects |
| 10.11 Positioning Graphics Objects |
| Standard |
| 5.5 Using Graphics in JavaScript |
| Standard |
| 1.6 Copyright |
| Standard |
| 5.5 Using Graphics in JavaScript |
| Standard |
| 13.1 Intro to the Canvas and Graphics |
| 13.2 More Graphics Objects |
| 13.3 Positioning Graphics Objects |
| Standard |
| 3.1 Intro to the Canvas and Graphics |
| 3.2 More Graphics Objects |
| 3.3 Positioning Graphics Objects |
| 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 |
| 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 |
| 4.6 Copyright |
| 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 |
| 8.1 Intro to the Canvas and Graphics |
| 8.2 More Graphics Objects |
| 8.3 Positioning Graphics Objects |
| Standard |
| 5.1 Intro to the Canvas and Graphics |
| 5.2 More Graphics Objects |
| 5.3 Positioning Graphics Objects |
| Standard |
| 3.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 |
| 8.1 Intro to the Canvas and Graphics |
| 8.2 More Graphics Objects |
| 8.3 Positioning Graphics Objects |
| Standard |
| 15.7 Showcase Your Creation! |
| Standard |
| 3.6 Copyright |
| Standard |
| 3.6 Copyright |
| Standard |
| 6.5 Using Graphics in JavaScript |
| Standard |
| 3.1 Intro to the Canvas and Graphics |
| 3.2 More Graphics Objects |
| 3.3 Positioning Graphics Objects |
| 9.7 Showcase Your Creation! |
| Standard |
| 8.7 Showcase Your Creation! |
| Standard |
| 7.7 Showcase Your Creation! |
| Standard |
| 5.5 Using Graphics in JavaScript |
| Standard |
| 6.1 Getting Started |
| 6.2 Color |
| 6.3 Variables |
| 6.4 The Draw Loop |
| 6.5 Color Transitions |
| 6.6 Shape Transformations |
| 6.7 Direction |
| 6.8 Mouse Data |
| 6.9 Keyboard Data |
| 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 |
| 6.1 Getting Started |
| 6.2 Color |
| 6.3 Variables |
| 6.4 The Draw Loop |
| 6.5 Color Transitions |
| 6.6 Shape Transformations |
| 6.7 Direction |
| 6.8 Mouse Data |
| 6.9 Keyboard Data |
| 6.10 Project: Animate an Emoji |
| 7.7 Program Structure |
| 7.9 Your First Sprites |
| 7.10 The Physics of Sprites |
| Standard |
| 6.1 Getting Started |
| 6.2 Color |
| 6.3 Variables |
| 6.4 The Draw Loop |
| 6.5 Color Transitions |
| 6.6 Shape Transformations |
| 6.7 Direction |
| 6.8 Mouse Data |
| 6.9 Keyboard Data |
| 6.10 Project: Animate an Emoji |
| 7.7 Program Structure |
| 7.9 Your First Sprites |
| 7.10 The Physics of Sprites |
| Standard |
| 7.1 Getting Started |
| 7.2 Color |
| 7.3 Variables |
| 7.4 The Draw Loop |
| 7.5 Color Transitions |
| 7.6 Shape Transformations |
| 7.7 Direction |
| 7.8 Mouse Data |
| 7.9 Keyboard Data |
| 7.10 Project: Animate an Emoji |
| 8.7 Program Structure |
| 8.9 Your First Sprites |
| 8.10 The Physics of Sprites |
| 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 |
| 5.3 Getting Started |
| 5.4 Color |
| 5.5 Variables |
| 5.6 The Draw Loop |
| Standard |
| 3.5 Using Graphics in JavaScript |
| Standard |
| 5.1 Getting Started |
| 5.2 Color |
| 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 |
| Standard |
| 6.1 Getting Started |
| 6.2 Color |
| 6.3 Variables |
| 6.4 The Draw Loop |
| 6.5 Color Transitions |
| 6.6 Shape Transformations |
| 6.7 Direction |
| 6.8 Mouse Data |
| 6.9 Keyboard Data |
| 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 |
| 10.7 Showcase Your Creation! |
