Overview
-
Completely new to coding? This engaging course can help you pick up the popular JavaScript programming language, as well as a programming library called p5.js.
Syllabus
-
Introduction
- Introduction
- Why learn JavaScript?
- Learning JavaScript with p5.js
- Environment setup
- Getting started with JavaScript
- Variables
- Data types in JavaScript
- Getting started with p5.js
- Coordinate system in p5.js
- Color functions in p5.js
- Setting the color of the shapes
- Operator precedence
- Variables continued
- Variable scope
- Predefined variables in p5.js
- Frame, frameRate, frameCount
- Conditionals
- Else Block
- MouseIsPressed
- MouseX and mouseY
- For Loop
- Nested loops
- Random function
- Noise function
- Creating functions
- Return keyword
- Introduction to JavaScript objects
- Object methods and 'this' keyword
- Constructor functions
- Working with arrays
- Array.length property
- Remainder operator
- MousePressed event function
- KeyPressed event function
- Rotate and translate
- Push and pop functions
- Let's build a game
- Creating a number object
- Animating text
- Player interaction
- Player feedback
- Restarting the game
- Improving the player experience
- Congratulations
