9.12: Local Server, Text Editor, JavaScript Console - p5.js Tutorial

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=UCHzlUiDD10


Category:
Tutorial
Duration: 12:35
106,210 views
1,973

This video looks at how you develop p5.js sketches (HTML, CSS, and JavaScript files) using any text editor. I demonstrate how to run a Python local server as well use the Chrome developer tools / JavaScript console.

More on p5.js local server:
https://github.com/processing/p5.js/wiki/Local-server

Contact: https://twitter.com/shiffman

Next video: (coming soon!)

Learn JavaScript basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Learn HTML / CSS basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bI1SlcCRfLH79HZrFAtBvX

Help us caption & translate this video!

http://amara.org/v/QbtO/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2016-04-0714.2: The Code (HTML, CSS, and JavaScript) - Hamilton Lottery Simulator with p5.js
2016-04-07Coding Train Live 28: Hamilton Lottery Simulator - Probability and DOM
2016-04-0611.6: Painting with Pixels - p5.js Tutorial
2016-04-0511.5: Checkbox Mirror - p5.js Tutorial
2016-04-05Coding Train Live 27: Checkbox Mirror and Painting with Pixels in p5.js
2016-03-3111.4: Brightness Mirror - p5.js Tutorial
2016-03-31Live Stream #26
2016-03-3111.3: The Pixel Array - p5.js Tutorial
2016-03-3111.1: Live Video and createCapture() - p5.js Tutorial
2016-03-3111.2: Video Photobooth / Muybridge Style Animation - p5.js Tutorial
2016-03-319.12: Local Server, Text Editor, JavaScript Console - p5.js Tutorial
2016-03-31Live Stream #25
2016-03-29p5.js Github Issue #1079
2016-03-29Live Stream #24
2016-03-29Live Stream #23
2016-03-249.11: Instance Mode (aka "namespacing") - p5.js Tutorial
2016-03-249.10: Reset a Sketch with Button Click - p5.js Tutorial
2016-03-24Live Stream #22
2016-03-2215.9: Amazon EC2 Deployment - Twitter Bot Tutorial
2016-03-2215.8: Heroku Deployment - Twitter Bot Tutorial
2016-03-22Live Stream #21


Tags:
JavaScript
JavaScript console
chrome developer tools
python SimpleHTTPServer
SimpleHTTPServer
p5.js
p5js
p5
tutorial
local server
web server
web development
chrome javascript console
sublime text
javascript (programming language)
server
js
editor