01. Orientation- Instructor introduction - Course structure and learning objectives

02. Setting Up Processing- What is Processing, and what is it used for? - Discussion of Processing's pros and cons - Learning the language and writing basic lines of code

03. Creating Our First Sketch- Drawing a circle using Processing - Exploring built-in syntaxes that are useful for beginners - Setting different parameters to customize our designs

04. Working with Grids 1: Nested Loops- Building a standard 2D grid using nested loops - Producing sin() waves and customizing our grid

05. Working with Grids 2: P3D Renderer- Transitioning from 2D to 3D using the P3D renderer - Creating a cylinder to familiarize ourselves with the tool

06. Procedural vs. Generative Designs- Comparing procedural and generative designs - Real-world applications for professional design and branding

07. Foundation Learning 1: Introduction to Arrays- Practicing grids & incorporating random() to affect the size and color of the arrays

08. Foundational Learning 2: OOP & Simple Particle Systems- Introduction to object-oriented programming - Creating a basic class, then implementing random and some motion to yield a simple particle system - Implementing different parameters or functions to build up our system

09. Foundational Learning 3: OOP & Complex Particle Systems- Continuing to work with classes to familiarize ourselves with object-oriented programming

10. Introduction to p5.js- What is p5.js, and what is it used for? - Discussion of p5.js's pros and cons - Benefits of knowing how to use both Processing and p5.js

11. Creating a Sketch in p5.js- Learning how to use p5.js as an alternative

12. Interactive Design Practice 1: Mouse Controls- Introduction to mouse interactivity - Exploring methods to animate designs based on mouse movements

13. Interactive Design Practice 2: Sliders- Introduction to slider functionality - Adjusting our parameters in real-time using sliders

14. Creating Text in Processing- Defining kinetic typography and showcasing examples from personal/professional projects - Learning how to load custom fonts and how to optimize type for animations

15. Motion Technique 1: Looping Noise- Using OpenSimplex noise to design a looping noise() animation with typography

16. Motion Technique 2: sin(), cos() & DNA - Using sin() and cos() waves to create a DNA-like structure

17. Motion Technique 3: Raster Effect- Using PGraphics to create our own image and customize our motions, producing a raster effect

18. Motion Technique 4: Grid of Gradients- Introduction to gradients - Creating a grid of animated gradients with custom elements

19. Motion Technique 5: Geomerative Library- Introduction to the geomerative library - Combining techniques to create a gradient animation with the geomerative library

20. Design Systems & Future Implications- What are design systems, and what are they useful for? - Examples of design systems and how studios use them - Discussion of future implications for the next generation of designers

21. Motion Design System Using p5.js- Showcasing Andreion's projects with clients O2 and Nothing Phone - Creating a motion design system using p5.js

22. Identity Design System Using Processing- Showcasing Andreion's collaboration with Bielke&Yang - Creating an identity design system using Processing

23. Final Words- Overview of the instructor's current projects and plans for the future - Instructor's insights on the future of creative coding and its role in shaping the design landscape