Creative Coding

Creative Coding Courses

Get creative with your coding! Explore the intersection of art and technology with creative coding courses and resources from Frontend Masters.

Machine Learning in JavaScript with TensorFlow.js

Train and run machine learning models for object, gesture, and audio detection in JavaScript using TensorFlow.js.
4 hours, 41 minutes CC
Machine Learning in JavaScript with TensorFlow.js
drag handle

Hardware with Arduino & JavaScript

Steve Kinney

Steve Kinney

Temporal
Tie the physical and digital worlds together, and see what's possible with hardware and JavaScript! Craft circuits, wire up LEDs, buttons, and sensors, and leverage sensors to change browser actions based on real-world data, all with web-based technologies.
3 hours CC
Hardware with Arduino & JavaScript
drag handle

CSS Animations and Transitions

Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.
4 hours, 14 minutes CC
CSS Animations and Transitions
drag handle

Web Audio Synthesis & Visualization

Learn to create sounds using nothing but code! Synthesize and visualize audio, and add fun effects with JavaScript. Use these skills to build audio into games, web applications, or even art projects in the browser.
2 hours, 58 minutes CC
Web Audio Synthesis & Visualization
drag handle

Advanced Creative Coding with WebGL & Shaders

Go deeper into creative coding and 3D graphics programming using WebGL, ThreeJS, and GLSL. In this course, you'll learn 3D vectors and shader effects.
4 hours, 17 minutes CC
Advanced Creative Coding with WebGL & Shaders
drag handle

SVG Essentials & Animation, v2

Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!
4 hours, 12 minutes CC
SVG Essentials & Animation, v2
drag handle

Creative Coding with Canvas & WebGL

You'll learn about generative art, interactive animations, 3D graphics with ThreeJS, and custom shaders in GLSL. Apply creative coding skills to real-world jobs.
4 hours, 45 minutes CC
Creative Coding with Canvas & WebGL
drag handle