codexdesign

code and design experiences for beginners

The codexdesign project uses design, to visualize code. Choose a learning pathway that feels right:

Learn with Java

This sequence uses a Java-based library called Processing as a method for learning with the Java language. The Processing library is totally self-contained and is an excellent coding experience for absolute beginners.



The Java sequence includes: 01 Visual Design Elements, 02 Visual Design Principles, 03 Visual Design Color Systems, 04 Motion Design, 05 Pattern Design, 06 User Event Design, 07 Text and Image Content, 08 Modular and Reusable Code Design.

Learn with JavaScript

This sequence uses a JavaScript-based library called p5.js as a method for learning with the JavaScript language. The p5.js library uses the web as context, meaning it requires some html, css, and browser know-how.



The JavaScript sequence includes: 01 Visual Design Elements, 02 Visual Design Principles, 03 Visual Design Color Systems, 04 Motion Design, 05 Pattern Design, 06 User Event Design, 07 Text and Image Content, 08 Modular and Reusable Code Design.

Learn with Python

Major pandemic, life changes, and to-do layers and delays. #futures



Each unit provides samples that integrate code concepts and design concepts. Beginners should go in order. The code concepts are scaffolded meaning each sample builds on the previous sample. The design concepts are practical and do not rely on any historical or patriarchal cannons rooted in colonized art or design histories.