Please enable JavaScript to use CodeHS

Coding + Art

Coding + Art is a mini-course that introduces students to the basics of coding through art! In this block-coding environment, students explore the digital art medium by building coding programs that create collages, imitate techniques of famous artists like Jackson Pollock and Andy Warhol, and tell stories through a sequence of multimedia scenes.


The entirely web-based curriculum is made up of a series of learning modules that cover the basics of creating art programs. Classes can complete the entire mini-course, or individual lessons in the form of playlists. Each lesson should take a single one-hour class period. The entire course should take about 10 hours.

Every lesson is made up of short video tutorials, example programs, quizzes, programming exercises, challenge problems, and unit tests. Students write and run programs in the browser using the CodeHS editor.

Programming Environment: Students write and run art programs in the browser using the CodeHS editor. These experiences will be hosted on the CodeHS website so that they can keep a running portfolio of their creative projects, and easily share their programs with the world.

Who is it for?

Coding + Art mini-course can be taught as a standalone course or alongside one of our other computer science courses. This course is designed to be an exploratory course that introduces students to coding. Teachers do not need programming experience to teach these units, but they should be willing to explore and learn to code alongside their students.

What do you Learn?

Below is a summary of the material covered in each unit:

Module Description
Introduction to Coding in Art:Students are introduced to the JavaScript block coding environment. They learn how to create a computer program that places images and text on a canvas to create their own meme.
Coding in Art:Students learn how to code computer-generated fractals, filters, and collages. For a final project, students develop a program that tells a story using images, text, and sound.

Try Out the Course!

Enroll in the full course and try it out for yourself!

View Full Course

Additional Resources

Take a look at the lesson plan for the first lesson in the course.

View Sample Lesson Plan

Here is a student handout about coding a sports game.

View Sample Handout

Here is a one page overview of the Coding + Music mini-course.

View Course Overview


Interested in teaching Coding + Art with CodeHS? Tell us more by filling out this form and we'll get in touch.

Bring to My School View Full Course