https://editor.p5js.org/

The P5 editor

https://p5js.org/reference/

A reference containing definitions and examples of all of the P5 language

https://p5js.org/get-started/

Does what it says on the tin, go here if you want a more in-depth and better-articulated version of the start here page on this site.

https://thecodingtrain.com/Tutorials/

Easy to watch video tutorials for P5 by Daniel Shiffman (I find a lot of video tutorials are really dry and unwatchable but these ones are a bit more human than most)

https://www.orkshop.xyz/

Website for a workshop run by Kingston grad Olly Bromham, for his coursemates at uni.

https://www.are.na/olly-bromham/wwworkshop-xejefdua-as

Also by Olly! an are.na board loads of really good resources for learning to code

https://lectureinprogress.com/journal/rifke-sadleir-guide-portfolio-website

Shameless self promotion lol (a rough guide to creating a portfolio website)

https://www.w3schools.com/

If you want to learn more about coding for web outside of P5, this is an amazing, comprehensive and clear reference for everyone from beginners to professionals

https://www.codecademy.com/

Easy to follow, interactive coding tutorials where you can save your progress and learn at your own pace. HTML, CSS and JavaScript (the main web languages) all have free tutorials on here so it's great if you want a kickstart to learning to code for web (as well as computer programming).

https://timrodenbroeker.de/processing-tutorial-kinetic-typography-1/

Tim makes loads of experiments using P5 from a design perspective, and this tutorial has some great info if you want to manipulate type in your code.

https://editor.p5js.org/kylemcdonald/sketches/H1OoUd9h7

An example sketch using body tracking with the webcam. This uses a library called ML5 which is basically out-of-the-box machine learning for the web with all the legwork of building an AI removed from it.

More links!

https://editor.p5js.org/

https://www.codecademy.com/

https://www.introduction-to-creative-coding.com/

https://glitch.com/

https://thecodingtrain.com/

https://www.w3schools.com/

https://www.hoverstat.es/

https://www.are.na/olly-bromham/wwworkshop-xejefdua-as

https://codepen.io/

http://htmlshell.com/

https://timrodenbroeker.de/

https://www.sublimetext.com/

https://www.netlify.com/

page-template-default page page-id-41 opaque

New background

https://www.introduction-to-creative-coding.com

https://www.introduction-to-creative-coding.com/wp-content/themes/introduction-to-creative-coding