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

Week 03 Time

• Arrays
• Strings
• JavaScript Objects
• Animations
• Interactions
• 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

Week 06 Machine Learning and AI Models

• Intro to Neural Networks
• Concurrency
• ml5
• Teachable Machine
• Transformers.js
• Gradio Models
• Gemini API