Drag the background!

Step 1. Code! Programming with p5.js

In the video, Daniel Shiffman from The Coding Train introduces JavaScript with P5. He introduces the p5.js Web Editor where you can code online.

We will be coding online on Ancient Brain. Before starting this course you should do the Ancient Brain Starter Tutorial (P5 version) to see how coding on Ancient Brain works.

Click the World image to run the World. Click "Clone and Edit" to make your own copy and edit it. Change some code and save and click "Run" to see what happens. You cannot cause any damage!

How to use these course pages

Course pages have "Coding Train" videos and Ancient Brain "Worlds".

  • Click video to play. Click World image to run.
  • Click "Clone and Edit" to make your own copy of the World and edit it.
  • Everything works in the browser. No install needed. You need to Register and log in to edit.
  • Use buttons (or back and forward arrow keys) to move through the course.

  • Warning: If you click "Clone and Edit" again, you make a new World. You do not return to the first World. To return to that, just keep its tab open. If you lose its tab, you can find the World again through your home page.

World

Tutorial 1.1
Code! Programming with p5.js
The background is a program, showing the JavaScript graphics used on this site.
The globes light up when you log in.
 
Font:

Users retain ownership of user content.

Platforms      Stats      The name      Terms and conditions

Call for partners      Contact

Call for partners!
Ancient Brain is looking for a partner to co-write a JavaScript or Python coding book for schools, to be used worldwide. This would be a course for students in learning to code from scratch. The book and course will be integrated into the Ancient Brain site. This is an opportunity for someone looking to develop a course and textbook to partner with a site to promote it. Read more.