Explore the world of creative coding with p5.js, an open-source JavaScript library. We'll create drawings, animations, and video sculptures in this beginner-friendly series.

Live: Creative Coding with p5.js

Welcome to Creative Coding with Codecademy!
In our final session, Curriculum Developers Jiwon and Nick show us how to add audio to a p5.js sketch. Check out the full course here: https://j.mp/3gtaxmg

More details:
In this video, we will create audio visualizations using the p5.sound.js library. Our team will learn how to load sound files to our p5.js sketches and talk about analyzing sound with FFT (Fast Fourier Transform). Using amplitude values along the frequency spectrum, they will create an animation that reacts to sound.

p5.sound.js: https://p5js.org/reference/#/libraries/p5.sound
Info on FFT: https://en.wikipedia.org/wiki/Fast_Fourier_transform
Example Audio Visualization code: https://editor.p5js.org/js6450/sketches/XYnHHUIP7
Code during livestream: https://editor.p5js.org/js6450/sketches/_J6BWk8lP
FFT Waveform code: https://editor.p5js.org/js6450/sketches/csH9A0zv4
FFT Spectrum code: https://editor.p5js.org/js6450/sketches/oWAOKGOMS

Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3tW6cvH
Check out our full course catalog: https://j.mp/3xqbzpb

Creative Coding with Codecademy #8: Audio Visualizations with p5.sound.js

Welcome to Creative Coding with Codecademy!
In our seventh session, Curriculum Developers Jiwon and Alex create a visualization of the popular K-Nearest Neighbor algorithm using p5. Check out the full course here: https://j.mp/3xhywLa

More details:
In this video, we'll dip our toes into the world of Machine Learning as we use p5 to visualize the K-Nearest Neighbors algorithm. Our team will spend the first part of the session learning how the KNN algorithm works, and then stretch their creative coding muscles to make an interactive visualization of the algorithm.

KNN Course: https://j.mp/3v8jZ2z
Solution code: https://editor.p5js.org/akuntz/sketches/05I26v-LC

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3aIwEl4
Check out our full course catalog: https://j.mp/3nmrWhO

Creative Coding with Codecademy #7: Machine Learning Visualized

Welcome to Creative Coding with Codecademy!
In our sixth session, Curriculum Developers Jiwon and Alex teach us how to use object-oriented programming with p5. Check out the full course here: https://j.mp/2QSe6aH

More details:
In previous sessions, we made bouncing balls using enormous lists. Today, our team takes those fundamental principles and teaches us how to adapt them to fit within an object-oriented approach. By the end of this session, we’ll have a Ball class that has its own attributes and methods.

Solution code: https://editor.p5js.org/akuntz/sketches/KUO2xy3_u

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/2R0TkWI
Check out our full course catalog: https://j.mp/3tTQ4Lg

Creative Coding with Codecademy #6: Object-Oriented Programming

Welcome to Creative Coding with Codecademy!
In our fifth session, Curriculum Developers Jiwon and Alex show us how to add videos to a p5 sketch in a project inspired by Nam Jun Paik. Check out the full course here: https://j.mp/3tII0N7

More details:
In this video, we will work on the Interactive Video Sculpture project using the p5.js web editor. Our team will load and draw videos to create a digital sculpture on the canvas using p5.js.

Project Starting Code: https://editor.p5js.org/js6450/sketches/UekfDCcE0
Project Solution Code: https://editor.p5js.org/js6450/sketches/bs3xSb4Re
Generative Art Creator project: https://j.mp/3ngoYvd
p5.js Web Editor: https://j.mp/3en0Ovc


- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3aHsLN3
Check out our full course catalog: https://j.mp/3tOhHW1

Creative Coding with Codecademy #5: Interactive Video Sculpture

Welcome to Creative Coding with Codecademy!
In our fourth session, Curriculum Developers Jiwon and Morgan show us how to make interactive artwork inspired by John Whitney and Vera Molnar. Check out the full course here: https://j.mp/3xcAFYF

More details:
In this video, we will work on Codecademy’s Generative Art Creator project using the p5.js web editor! Our team will make a tool to create, control, and combine generative works of art inspired by early media artists, such as John Whitney and Vera Molnar, using keyboard interactions.

Starting Code on the p5.js Web Editor: https://editor.p5js.org/js6450/sketches/qkvXmyA27
Solution Code on the p5.js Web Editor: https://editor.p5js.org/js6450/sketches/Dkf2W5t70
Generative Art Creator project: https://j.mp/3tMtJPF
p5.js Web Editor: https://j.mp/3dEPLOC


- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3gMJdzk
Check out our full course catalog: https://j.mp/3sX4UiK

Creative Coding with Codecademy #4: Generative Art Creator

Welcome to Creative Coding with Codecademy!
In our third session, special guest Cassie Tarakajian joins us to talk about all things p5.js, Processing Foundation, and creative coding. Check out the full course here: https://j.mp/32ECoYI

More resources:
Processing Foundation: https://processingfoundation.org/

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3xqiNcM
Check out our full course catalog: https://j.mp/3eyBIcB

Creative Coding with Codecademy #3: Exploring the p5 web editor with Cassie Tarakajian

Welcome to Creative Coding with Codecademy!
In our second session, Curriculum Developers Jiwon and Jamie show us how to animate p5 sketches and make balls bounce across the screen. Check out the full course here: https://j.mp/3aynBmr

More details:
In this video, we work on Codecademy’s Bouncing Balls project. Using p5.js animation techniques, arrays, and for-loops, our team will create an animation of circles bouncing around the canvas. They will also look at how to randomize the position, speed, size, and color of each bouncing ball using arrays.

Bouncing Balls Project: https://j.mp/3azSkjg

- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3gFRGo7
Check out our full course catalog: https://j.mp/3aFbiFg

Creative Coding with Codecademy #2: Creating Bouncing Balls

Welcome to Creative Coding with Codecademy!
In our first session, Curriculum Developers Jiwon and Alex will introduce us to p5.js and make their first project. Check out the full course here: https://j.mp/3slfOyB

More details:
In this video, we work on Codecademy’s Wall Drawing project. Our team draws patterns to create a digital wall drawing inspired by the artist Sol LeWit (1928-2007) using p5.js. They also focus on using the built-in shape and style functions to write instructions for the computer to draw on the screen.

Wall Drawing Project: https://j.mp/2QPpsw8
Resources for p5.js: https://p5js.org/


- - - - - 
Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3nhFVoZ
Check out our full course catalog: https://j.mp/3vjJNsH

Creative Coding with Codecademy #1: Intro to p5.js

Learn how to build a Web Dev Portfolio with Codecademy.

Career: Building a Web Dev Portfolio

Preparing for a career in a technical field? Check out these interview tips — including advice on building a portfolio and showcasing your skills.

Career: Interview Prep

From Product Manager to Data Scientist, we take a look at different careers in tech and what these roles entail.

Career: Jobs in Coding

We asked recruiters in our community to share advice for people navigating the job-hunting process — from tips for optimizing your resume to advice on acing the technical interview.

Career: Recruiter Advice

A playlist of Quick Tip videos for Codecademy Chapter Leaders.

Community: Chapter Leader Quick Tips

Join our Chapters for live conversations on various topics — including NFT art and how to break into a technical field.

Community: Chapters

We think that connecting with other learners is the best way to learn. Explore some of our past community-led events here!

Community: Events

Hackathons are a great way to test your knowledge and flex your skills. Check out our hackathon presentations here.

Community: Hackathon

See how people around the world are reshaping their lives by learning to code.

Learner Stories

No matter what your coding goals are, the best place to start is by building a strong foundation. In this live series, we learn Computer Science fundamentals that are similar to content you’d see in a first-semester CS101 college course.

Learning to Code: CS101

There are a lot of terms and acronyms in the world of programming. Explore the definitions of common terms used in popular languages and frameworks.

Learning to Code: Definitions

HTML and CSS lie at the heart of web development. We explore some of their uses with these tutorials and explainers.

Learning to Code: HTML & CSS

TypeScript builds on your JavaScript foundation so you can develop higher-quality, less error-prone code faster. Learn more about this in-demand language as Codecademy Curriculum Developers guide us through an introduction.

Learning to Code: Intro to TypeScript

JavaScript has many functionalities, from web development to gaming applications. We break down the programming language and explain how it works with these tutorials.

Learning to Code: JavaScript

Since its release in 1994, Python stands tall as many developers’ favorite programming language. Explore its many capabilities with these livestreams and tutorials.

Learning to Code: Python

The R language is a popular tool for Data Analysts. Learn more about this free, open-source programming language with these livestreams.

Learning to Code: R

We show you how to get started on your coding projects — from setting up developer tools to pushing your code to GitHub.

Learning to Code: Setting Up

Just starting out on your coding journey? We’ve gathered tips for helping you start — including advice on how to choose your first programming language and how to remember everything you’re learning.

Learning to Code: Tips

You know all of those app ideas you’ve been wanting to create? Swift and SwiftUI can help you bring them to life for iOS. Learn how to build your very own iPhone app from start to finish in this live series.

Learning to Code: iOS Development

Join us for an assortment of livestreams where we cover topics such as interview prep, introductions to programming languages, project walkthroughs  — and so much more!

Live: All Livestreams

Augmented reality is alive and well. Learn how to make your first AR experience using the popular web framework A-Frame — with guidance from our Curriculum Developers.

Live: Augmented Reality

Emojicode is a real programming language with a playful emoji syntax in place of traditional programming keywords. Learning it can bring some smiles and fun to your programming journey. Join us for an introduction to this silly language.

Live: Intro to Emojicode

Experience a full day of learning to code with interactive instruction and guided discussions by the Curriculum team at Codecademy.

Live: Learn From Home Day

Linear regression is a fundamental machine learning algorithm used for predictive modeling and data analysis. Learn more about it as Codecademy Curriculum Developers guide you through our course: Linear Regression in Python

Live: Linear Regression with Python

Almost everything we do creates data, and knowing how to investigate and communicate it is key. Our Curriculum Developers show us how to summarize data and run hypothesis tests following our Skill Path: Master Statistics with Python.

Live: Master Stats with Python

Our Curriculum Developers will lead you on a journey as you go from complete beginner to proficiency with data visualization, using Python. This is a weekly series that will lead you through our entire Visualize Data with Python Skill Path.

Live: Visualize Data with Python

Join the millions learning to code with Codecademy.

Live: Creative Coding with p5.js

Languages

Subjects

Languages