Designing Generative Experiences

Week 01 Getting Started

• Programming Computers
• The Browser and JavaScript
• Setting up p5.js
• Intro to p5.js
• Drawing: Shapes and Colors
• Variables
• Translations, Rotations and Transformations

Week 02 Structures

• Conditionals
• Loops as Patterns
• Loops as Counters
• Functions
• Randomness
• Setting up a Development Environment
• Git and GitHub

Week 03 Time

• Arrays
• Strings
• JavaScript Objects
• Animations
• Maths: mod and map

Week 04 Data Structures

• Loading Data (JSON/CSV)
• Images
• Videos
• Sound Files
• Sound Processing

Datasets

• Beijing PM2.5 Dataset
• Motor Vehicle Collisions - Crash Dataset
• Global Inflation Dataset: (1970 - 2022)
• Stock Exchange Data
• 2015 Street Tree Census
• Wine Information

Week 05 Randomness and Simulations

• Classes
• Cycles
• Sine & Cosine
• More Trigonometry and Vectors
• More Randomness