1.2: p5.js Workflow - p5.js Tutorial

In this video, I cover my current workflow to create p5.js "sketches" in. If you are interested in following my "Foundations of Programming in JavaScript" playlist, this is a comprehensive introduction to the tools you can use (though some simpler options do exist!) Download empty-example that works with this video! https://www.dropbox.com/s/5o1kkwjfm3s... Using an online editor like codepen:    • 9.16: CodePen in p5.js - p5.js Tutorial   Next video:    • 1.3: Basics of drawing - p5.js Tutorial   Support this channel on Patreon:   / codingtrain   To buy Coding Train merchandise: https://www.designbyhumans.com/shop/c... To Support the Processing Foundation: https://processingfoundation.org/support Contact: Twitter:   / shiffman   The Coding Train website: http://thecodingtrain.com/ Tools discussed in this video: Node.js: https://nodejs.org/en/ p5-manager: https://www.npmjs.com/package/p5-manager p5.js library: https://p5js.org/ Atom text editor: https://atom.io/ Sublime Text editor: https://www.sublimetext.com/ Visual Studio Code: https://code.visualstudio.com/ git-bash: https://git-scm.com/downloads Videos mentioned in this video: Previous video on my workflow:    • 1.2: My Workflow - Programming with Text   p5-manager:    • 9.21: p5-manager - p5.js Tutorial   Local Server:    • 9.12: Local Server, Text Editor, JavaScrip...   Node Playlist:    • 12: Web Sockets and p5.js Tutorial   Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbo... Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbo... p5.js: https://p5js.org/ Processing: https://processing.org For an Introduction to Programming:    • Start learning here!   For More Coding Challenges:    • Coding Challenges   Help us caption & translate this video! https://amara.org/v/dXlD/ 📄 Code of Conduct: https://github.com/CodingTrain/Code-o...