In the first part of this course you will learn how to code with JavaScript in a creative way.
If you haven’t done it, you should have a look at how to setup your editor here.
Here is the entrypoint to all chapters in this part:
Week 1
- Chapter 01: Introduction
- Chapter 02: Start drawing
- Chapter 03: Keep your code organized
- Chapter 04: Advanced drawing
- Chapter 05: Variables and numbers
- Chapter 06: Variables and strings
Week 2
- Chapter 07: Functions
- Chapter 08: Animations
- Chapter 09: Mouse
- Chapter 10: Conditions
- Chapter 11: Logical operators
- Chapter 12: Keyboard
Week 3
During the first week you should finish chapter 01 till chapter 06, during the second week chapter 07 till chapter 12 and during the third week chapter 13 till 16.
Sitemap of Programming
- 01: Introduction to programming
- 01: The canvas
- 01: p5.js
- 02: Start drawing
- 02: Add some color
- 02: Exercise
- 02: Bézier curves
- 03: Keep your code organized
- 03: Exercise
- 04: Advanced drawing
- 04: Advanced drawing - Translate
- 04: Advanced drawing - Rotate
- 04: Advanced drawing - Scale
- 04: Example - Rotate and scale your emoji
- 05: Variables
- 05: let, var and const
- 05: Variables and numbers
- 04: Exercise
- 05: Organizing your code
- 06: Variables and strings
- 06: Text
- 06: Exercise
- 07: Functions
- 07: Functions - execution
- 07: Functions - parameter
- 07: Exercise
- 07: Functions - return
- 08: Let's move things
- 08: Example - Move your emoji
- 08: Exercise
- 09: Mouse position
- 09: Exercise - Follow the mouse
- 09: Exercise - Let your emoji grow
- 09: Exercise - Build a simple drawing program
- 09: Exercise - Change color
- 09: Mouse buttons
- 09: Exercise - Change the size on click
- 09: Exercise - Draw emoji on click
- 09: Exercise - Drawing program
- 10: Conditions and conditional statements
- 10: Booleans
- 10: Exercise - Close the eyes
- 10: Exercise - Animating your emoji
- 10: Exercise - Drawing program
- 10: Example - Switch through different states
- 11: Logical operators
- 11: Exercise - Animate your emoji
- 11: Exercise - Create a button
- 12: Keyboard input
- 12: Exercise
- 12: Example - Move a car with the keyboard
- 13: Numbers
- 13: Rounding numbers
- 13: Random numbers
- 13: Exercise - Random position
- 13: Exercise - Talking emoji
- 13: Example
- 14: Loops
- 14: While loops
- 14: While loops exercise
- 14: While loops exercise - Squared paper
- 14: For loops
- 14: Loops exercise - Draw 4 emojis
- 14: For loops exercise - Draw 5 rectangles
- 14: For loops exercise - Draw a checkerboard
- 15: Arrays
- 15: Arrays and loops
- 15: Arrays and return values in functions
- 15: Exercise - Reverse the order
- 15: Exercise - Randomize
- 15: Exercise - Remember the last 5 keys
- 15: Example - Night sky
- 16: Simple objects
- 16: Exercise
- 16: Example