DESN 378: Code + Design 2 Winter 2026
How should things behave?
This site is generated from the consolidated curriculum + Canvas export for the full course. Every week route below is aligned to the source materials in the repo.
Course Philosophy: "Sense. Respond. Adapt."
You already know structure. You already know style. This course adds the third layer: behavior. Code is treated as a creative material.
The question is not just "what syntax do I use?" It's "how should this feel?"
The Interaction Designer
Timing, feedback, state, motion, user respect.
The Behavioral Coder
Events, DOM, animation systems, preference APIs.
Every project asks both: does it feel right, and does the code hold up?
The Protocol (Pledge)
I will ask 'how should this feel?' before 'how do I code this?'
When I use AI, I will understand what it generates.
I will respect user preferences and build for everyone.
I will develop my creative voice through code.
I will make things that respond with intent."
Weekly Curriculum
Open any week for outcomes, curriculum activity files, and Canvas module alignment.
Pre-Course Foundation
Week 0: The Workshop
What is JavaScript, and how do I talk to a web page?
Adaptive Systems
Week 1: First Light
How does it adapt to me?
Week 2: The Memory
How does it adapt to me?
Week 3: Signal + State
How does an interface remember what a user asked it to do?
Uncategorized
Week 4: The Shape
What happens when I interact?
Teaching Through Story
Week 5: The Blueprint
What's the story you want to tell, and what does it look like?
Week 6: The Blueprint
What happens when the page moves with you?
Week 7: The Rough Cut
Can your story work before JavaScript starts moving it?
Week 8: The Scroll
How does scroll become your storytelling medium?
Week 9: The Deep
What separates good from great?
Week 10: The Showcase
Can you explain what you built and why?
Course Projects
Project 1: Signal + State
Theme system, persistence, user preferences, accessibility.
Project 2: Lost in the Scroll
Scrollytelling narrative from blueprint to final deployed experience.