HTML, CSS, and JavaScript Project Resources

Video: Thinking Critically About Your Program: A Prelude to Debugging

• Blue Devil on a Green Background
• Turn Blue Devil Green

Video: Translating to Code (Green Screen)

• Completed Version of Combining Images Using a Green Screen

---

Video: Using HTML5 Canvas

• Canvas for Live Coding

---

Video: Convert Image to Grayscale

• Convert image to grayscale CodePen
• Convert image to grayscale web page (single file)
• Convert image to grayscale web page (multiple files by content type)

Video: Moving to Codepen

• Green Screen CodePen
• Green Screen web page

---

Video: Introduction (miniproject)

• Filter Fun basic CodePen
• Filter Fun basic web page

Grayscale Filter

• Make an Image Graycale

Red Filter

• Add a Red Filter to an Image

Blur Filter

• Blur an Image by Moving Pixels Randomly

Rainbow Filter

• Add a Rainbow Filter to an Image