Socket
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.
![Machine Learning in JavaScript with TensorFlow.js](https://static.frontendmasters.com/assets/courses/2024-06-19-tensorflow-js/thumb.webp)
drag handle
Hardware with Arduino & JavaScript
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.
![Hardware with Arduino & JavaScript](https://static.frontendmasters.com/assets/courses/2023-09-26-arduino-javascript/thumb.webp)
drag handle
CSS Animations and Transitions
Microsoft
Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.
![CSS Animations and Transitions](https://static.frontendmasters.com/assets/courses/2022-07-25-css-animations/thumb.webp)
drag handle
Web Audio Synthesis & Visualization
Freelancer
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.
![Web Audio Synthesis & Visualization](https://static.frontendmasters.com/assets/courses/2021-12-07-web-audio/thumb.webp)
drag handle
Advanced Creative Coding with WebGL & Shaders
Freelancer
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.
![Advanced Creative Coding with WebGL & Shaders](https://static.frontendmasters.com/assets/courses/2020-04-21-webgl-shaders/thumb.webp)
drag handle
SVG Essentials & Animation, v2
Google
Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!
![SVG Essentials & Animation, v2](https://static.frontendmasters.com/assets/courses/2019-01-14-svg-essentials-animation/thumb.webp)
drag handle
Creative Coding with Canvas & WebGL
Freelancer
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.
![Creative Coding with Canvas & WebGL](https://static.frontendmasters.com/assets/courses/2018-12-11-canvas-webgl/thumb.webp)
drag handle