Join our virtual Game Design Mini Hackathon (3/15) Create, compete, and win prizes! 🎮 Register

LEV by Tech Unlimited

Back
  • Home
  • Courses
  • About
  • Tech Unlimited
  • Search
  • Newsletter Signup
  • Privacy Policy
Copyright © Tech Unlimited 2026
Home » Courses
Coding

Creative Coding

Learn foundational programming concepts using p5js to combine logic and creativity.

Who is this lesson for? Students interested in learning foundational programming concepts while combining creativity and logic through p5.js and codepen.io.

Course Length
  • 1 Unit, with 4 lessons
  • Each lesson is designed to take about 35 minutes
Social Emotional Learning Skills
  • Relationship skills
  • Responsible decision-making
  • Self-management
Required Skills
  • Basic computer navigation (no prior coding experience required)
  • Typing skills
  • Willingness to experiment and troubleshoot code
Materials/Tools Needed
  • p5.js Web Editor: https://editor.p5js.org/
  • p5.js Reference: https://p5js.org/reference/
  • https://codepen.io/
  • https://www.freecodecamp.org/
  • Mac, Windows, or Chromebook
  • Optional: Color picker tool for choosing RGB values like https://coolors.co/
Table of Contents
  • Overview
  • Units
  • Facilitation Guide
  • Related Courses

Units

  • Unit 1

    Creative Coding: Intro Creative Code with p5.js

    Students will learn how to draw shapes and create an emoji in p5.js.

    By the end of the lesson, students will be able to:

    • Introduce foundational programming concepts (variables, functions, loops, conditions)
    • Understand the importance of order and logic in programming
    • Learn p5.js functions for shapes, color, and mouse interactions
    • Encourage creativity through dynamic visual projects

Facilitation Guide

Creative Coding Facilitation Guide

Related Courses

  • Self-awareness Self-management

    Mood Music

    Use Soundtrap to learn about music production and create a short song to elicit a specific emotion.

    Topic: Audio
  • Relationship skills Self-management Social awareness

    Generative Video

    Use MiniMax to explore AI video-making: from story development, to video generation, to editing.

    Topic: Artificial Intelligence Video
Home » Courses » Creative Coding: Intro Creative Code with p5.js

Unit 1

Creative Coding: Intro Creative Code with p5.js

Students will learn how to draw shapes and create an emoji in p5.js.

By the end of the lesson, students will be able to:

  • Introduce foundational programming concepts (variables, functions, loops, conditions)
  • Understand the importance of order and logic in programming
  • Learn p5.js functions for shapes, color, and mouse interactions
  • Encourage creativity through dynamic visual projects

Downloads

Facilitation Guide

Creative Coding Facilitation Guide

Units

Lesson 1 Lesson 2 Lesson 3 Lesson 4

Tech Unlimited is a 501(c)(3) non-profit organization. EIN: 46-2451747

About

  • Mission
  • Leadership
  • Team Members
  • FAQ

Programs

  • Tech Knowledge Workshops
  • Career Ladder Programs
  • Financial Assistance
  • See Calendar

Resources

  • News
  • Reports
  • Careers
  • Contact
  • Consent Preferences

Newsletter

Sign Up to receive regular updates and announcements from Tech Unlimited.

Sign upDonate

Copyright © Tech Unlimited 2026

  • Terms of Use