Please enable JavaScript to use CodeHS

AZ 8: 8.AP.PD.2

  1. Frameworks
  2. Arizona 8

CodeHS Lessons

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

Web Design (Picasso)
Standard
7.1 What is Bootstrap?
7.2 Getting Started with Bootstrap

Web Design and Development
Standard
13.1 What is Bootstrap?
13.2 Getting Started with Bootstrap

Mix and Match Middle School Course
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

Computer Science Explorations 2
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

Digital Art with p5.js
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

Introduction to Game Design with p5play
Standard
3.2 Program Structure
3.4 Your First Sprites
3.5 The Physics of Sprites

Indiana Computer Science: 8th Grade
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

New York Computer Science 7-8
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

Oklahoma Web Design
Standard
7.1 What is Bootstrap?
7.2 Getting Started with Bootstrap

West Virginia Discovering Computer Science
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

Utah Creative Coding
Standard
3.2 Program Structure
3.4 Your First Sprites
3.5 The Physics of Sprites

Utah Web Development 2
Standard
2.1 What is Bootstrap?
2.2 Getting Started with Bootstrap

Utah Web Development 1 and 2
Standard
7.1 What is Bootstrap?
7.2 Getting Started with Bootstrap

Connecticut Computer Science: 7th Grade
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