---
# System prepended metadata

title: Javascript Assessment SOP
tags: [JS]

---

# Javascript Assessment SOP

###### tags: `JS`

## Preparation for Students
1. Browser such as Chrome
2. Google Account with known password

## Steps:
1. Run the original code, ask what's showing on screen
    * Check for students' observation skill
    * **A Grey Box showing up**

2. Change the size of the canvas (`createCanvas(400,400)` to `createCanvas(600,600)`) 
    * Check to see if students can relate the magnitude of numbers

3. Change Background Colors
    * Introduce RGB, allows students to pick his/her own favourite colors
5. Draw Square 
    * Check Coordinate concepts
6. Square Size Change
7. Ask students to draw another shape
8. Add Varaibles
9. Use Variables to change x,y of shape (one at a time)
