Creative Coding: Making Visuals with JavaScript
- Language: English
- Certificate: of completion
- Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Duration: 2 Hours 42 Mins
Learn the fundamentals of programming and discover how to develop, draw, and animate visuals and text with code
| Category | Course format | Language | Duration | Level |
|---|---|---|---|---|
| Online | English with Subt. | 2 Hours 42 Mins | Beginners |
Experimenting with creative coding never gets boring—there’s always something to explore, new techniques to learn, or new images to create. For creative coder Bruno Imbrizi, it’s an opportunity to merge his interests with motion graphics and visuals with programming. He has worked for both small agencies and well-known brands including Dell, Adidas, and Universal Music.
In this course, Bruno shares his expertise to help you create engaging visuals with code. Explore the fundamentals of programming and learn how to draw with creative coding in JavaScript.
Want to take your knowledge of coding further? Check out Bruno’s second course, Creative Coding 2.0 in JS: Animation, Sound, & Color to discover more advanced techniques for creating coded compositions with color, movement, and sound.
Modules
What you will learn
in this course.
-
Lessons
-
Lesson 1Introduction
-
About Me
-
Influences
-
-
Lesson 2Fundamentals
-
Setup
-
Variables and Functions
-
Arrays and Loops
-
An Environment for Sketching
-
-
Lesson 3Sketch Transform
-
Transform
-
Angles
-
Utility Functions
-
Arcs
-
-
Lesson 4Sketch Agents
-
Objects and Classes
-
Animating Agents
-
Lines
-
Video Output
-
-
Lesson 5Sketch Noise
-
Grid
-
Noise
-
GUI
-
-
Lesson 6Sketch Type
-
Text
-
Async
-
Bitmap
-
Glyphs
-
Meet the teacher
Bruno Imbrizi
I'm a programmer with a passion for creating visuals with code. With a vast experience in the field, I’ve been working with creative coding for over a decade, creating websites, online experiences, design systems and installations for some well known brands like Dell, Adidas and Universal Music. Some of my projects were made with C++ (OpenFrameworks) or Python (TouchDesigner), but my focus has been on web technologies using JavaScript and WebGL.
Course Content
Learn the fundamentals of programming and discover how to develop, draw, and animate visuals and text with code
Features
- English
- English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Beginners
- Access on mobile and Desktop
- Full time access
- Certificate of completion
-
Bruno Imbrizi
Teacher at awwwards.com
If you have any questions about this course, please contact us
