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...