brendacq/javascript-p5

Learning how to code with javaScript library p5 from Daniel Shiffman's YouTube channel The Coding Train.

javascript-p5

Learning how to code with javaScript library p5 from Daniel Shiffman's YouTube channel, The Coding Train.

The course is divided into seven sections, which are:

• Introduction
• Drawing
• Animation
• Interaction
• Modularity and Reusability
• Object-Oriented Programming
• Repetition and Duplication

(The Introduction section will be ignored, since its content is only for setup)

I first started creating files with the name of the section and a code similar to the one Daniel uses for explanation/demonstration in the videos. I'm not doing that anymore, because some sections count with several examples/demonstration and it kind of distracts me (coding and watching at the same time is a habit I don't want to stick to). Also I want to come up with my own ideas on what to do with the subject learned.

Note to future self: I'm doing this during the quarantine. Restarting from middle section 3 at may 17th and want to finish the whole playlist at june 2th. Don't want to rush 'cause I'm doing lots of stuff and wanna have a solid learning.

Drawing

• Shapes and Drawing
• Color
• Errors & Console
• Code Comments

Animation

• Variables in p5.js (mouseX, mouseY)
• Variables in p5.js (Make your own)
• JavaScript Objects
• The map() Function
• The random() Function
• createGraphics()

Interaction

• Introduction to Conditional Statements
• The Boucing Ball
• Else and Else if, AND and OR
• Boolean Variables
• while and for Loops
• Nested Loops

Reusability

• Function Basics
• Function Parameters and Arguments
• Functions and Return

Object-Oriented Programming

• Introduction to Object-Oriented Programming with ES6
• Classes in JavaScript with ES6
• Constructor Arguments with Classes in JavaScript
• Adding JavaScript Files

Repition and Publication

• What is an Array?
• Arrays and Loops
• Arrays of Objects
• for... of loop <--- may 25th
• Mouse interaction with Objects
• Removing Objects from Arrays
• Object Communication Part1
• Object Communication Part2
• Uploading Media Files
• Objects and Images