# 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)