Tracks

Filter by Language

JavaScript

Filter by Topic

Pick a topic to filter

Code! Programming with p5.js

Topics

For beginners,shapes,

This online course focuses on the fundamentals of computer programming (variables, conditionals, iteration, functions & objects) using JavaScript. In particular it leverages the p5.js creative computing environment which is oriented towards visual displays on desktops, laptops, tablets or smartphones. The course is designed for computer programming novices. This online course focuses on the fundamentals of computer programming (variables, conditionals, iteration, functions & objects) using JavaScript. In particular it leverages the p5.js creative computing environment which is oriented towards visual displays on desktops, laptops, tablets or smartphones. The course is designed for computer programming novices.

Ready to start?

Code! Programming with p5.js

👁
Main Track
35 videos
"Code! Programming with p5.js" track
34 videos within this track match the filter.

Working with Data and APIs in JavaScript

Languages

JavaScript,Node.js,

Topics

data,API,

This course is for aspiring developers who want to learn how to work with data in web applications. How do you retrieve, collect, and store data? The course will be taught through a series of creating three data projects. The first will be client-side only and examine how to load data with fetch() and present on a web page. Viewers will learn about handling asynchronous events with Promises and how to render data to the DOM as well as draw to HTML5 canvas with p5.js. The second and third project will introduce "full stack" development adding server-side programming with node.js for data persistence and API authentication.

Ready to start?

Working with Data and APIs in JavaScript

👁
Main Track
20 videos
"Working with Data and APIs in JavaScript" track
20 videos within this track match the filter.

Git and GitHub for Poets

Languages

JavaScript

This video series is designed to teach you the basics of working with git version control and the GitHub website. You will understand the concept of version control and the difference between git software and GitHub the website. Videos cover terminology like branch, fork, merge, pull, push, and remote. You will get a chance to make your first pull request to a git repository on GitHub.

Ready to start?

Git and GitHub for Poets

👁
Main Track
11 videos
"Git and GitHub for Poets" track
1 video within this track match the filter.

A Beginner's Guide to Machine Learning in JavaScript

Languages

p5.js,ml5.js,

Welcome to “A Beginner's Guide to Machine Learning in JavaScript”! In this series, I'll teach the concepts behind machine learning using the ml5.js library.

Ready to start?

A Beginner's Guide to Machine Learning in JavaScript

👁
Main Track
25 videos
"A Beginner's Guide to Machine Learning in JavaScript" track
5 videos within this track match the filter.

The Nature of Code 2

Can the unpredictable evolutionary and emergent properties of nature be captured in software? Can understanding the mathematical principles behind the physical world help to create digital worlds? This learning playlist focuses on the programming strategies and techniques behind computer simulations of natural systems. I'll explore topics ranging from basic mathematics and physics concepts to more advanced simulations of complex systems. Subjects covered include physics simulation, trigonometry, self-organization, genetic algorithms, and neural networks. This track accompanies https://natureofcode.com/

Ready to start?

The Nature of Code 2

👁
Main Track
65 videos
"The Nature of Code 2" track
53 videos within this track match the filter.

Workflow

Languages

JavaScript,git,

Topics

Node.js,shell,

Editor, shell, and more! In this side track I cover the tools I am currently using as part of my workflow.

Ready to start?

Workflow

👁
Side Track
7 videos
"Workflow" track
5 videos within this track match the filter.

Algorithmic Botany

Topics

fractal,tree,

This side track explores patterns found in nature. We'll cover how to simulate growing plants, flowers, and trees in p5.js and Processing. Fractal trees and L-systems galore! By the end of this track, you'll be able to code your own digital garden!

Ready to start?

Algorithmic Botany

👁
Side Track
7 videos
"Algorithmic Botany" track
7 videos within this track match the filter.
1 video within this track match the filter.
3 videos within this track match the filter.
3 videos within this track match the filter.
15 videos within this track match the filter.
4 videos within this track match the filter.

p5 Tips & Tricks

Topics

p5.js,storage,

A collection of tips and tricks that might come in handy when working in p5.

Ready to start?

p5 Tips & Tricks

👁
Side Track
5 videos
"p5 Tips & Tricks" track
5 videos within this track match the filter.
8 videos within this track match the filter.

Pi Day

Languages

Processing,Java,

Pi, which is the ratio of a circle's circumference to its diameter, is one of the most important mathematical contants. This track is a compilation of the many challenges I have completed to calculate Pi.

Ready to start?

Pi Day

👁
Side Track
10 videos
"Pi Day" track
6 videos within this track match the filter.

Pixels

Languages

JavaScript,Processing,

Topics

p5.js,video,

Take a ride along the Pixels track and explore pixels with p5.js and Processing. In this track, I demonstrate how to work with real-time live video, using tint() to change colors and copy() to takes snapshots. I also explore how the pixel array works. I create examples of "software" mirrors that draw pixels as shapes or use DOM elements. I demonstrate how to create a "painting" with particles smearing colors from pixels, and build a slitscan effect.

Ready to start?

Pixels

👁
Side Track
10 videos
"Pixels" track
7 videos within this track match the filter.

Snowflakes!

Languages

p5.js,JavaScript,

Topics

snowfall,snowflakes,

This track is a compilation of the many Snowflakes challenges that I have done during my annual fundraiser for the Processing Foundation. Donations can be made at https://processing.org/donate/. Thank you!

Ready to start?

Snowflakes!

👁
Side Track
5 videos
"Snowflakes!" track
2 videos within this track match the filter.

Supershapes!

This side track is a collection of videos related to supershapes that use spherical coordinates and superformulas. While not techically a “supershape”, the mandelbulb is constructed in a similar manner and is a SUPER shape.

Ready to start?

Supershapes!

👁
Side Track
6 videos
"Supershapes!" track
2 videos within this track match the filter.

Teachable Machine

In these videos I demonstrate how to train image and sound classification machine learning models and deploy those models to a web application using the p5.js and ml5.js JavaScript libraries.

Ready to start?

Teachable Machine

👁
Side Track
3 videos
"Teachable Machine" track
3 videos within this track match the filter.

Topics in Native JavaScript

Topics

variables,es6,

Video tutorials covering various features of modern JavaScript.

Ready to start?

Topics in Native JavaScript

👁
Side Track
20 videos
"Topics in Native JavaScript" track
20 videos within this track match the filter.
3 videos within this track match the filter.

Video Games

Languages

p5.js,JavaScript,

Topics

Snake game,games,

This side track is a collection of coding challenges for various (classic and new) video games in Processing (Java) or JavaScript with p5.js.

Ready to start?

Video Games

👁
Side Track
11 videos
"Video Games" track
6 videos within this track match the filter.

Web Sockets and p5.js

Topics

Node.js,sockets,

Video tutorials covering how to use node.js, p5.js, and socket.io (websockets) to create a shared HTML5 canvas across multiple browser sessions.

Ready to start?

Web Sockets and p5.js

👁
Side Track
4 videos
"Web Sockets and p5.js" track
4 videos within this track match the filter.
8 videos within this track match the filter.