- 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
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 |
| 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 |
| 3.5 Using Graphics in JavaScript |
| Standard |
| 3.5 Using Graphics in JavaScript |
| Standard |
| 2.5 Using Graphics in JavaScript |
| Standard |
| 2.6 Copyright |
| Standard |
| 5.5 Using Graphics in JavaScript |
| Standard |
| 6.6 Using Graphics in JavaScript |
| Standard |
| 6.5 Using Graphics in JavaScript |
| Standard |
| 1.2 Intro to the Canvas and Graphics |
| 1.3 More Graphics Objects |
| 1.4 Positioning Graphics Objects |
| 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 |
| 6.5 Using Graphics in JavaScript |
| 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 |
| 10.6 Using Graphics in JavaScript |
| 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 |
| 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 |
| 6.5 Using Graphics in JavaScript |
| Standard |
| 3.6 Copyright |
| Standard |
| 3.6 Copyright |
| 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 |
| 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 |
| 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 |
| 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.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 |
- 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