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.

Weeks: 11
Course Code: DESN 378-040
Term: Winter 2026

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 design behavior, not just apply effects.
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?

19 files 8 Canvas items

Adaptive Systems

Week 1: First Light

How does it adapt to me?

14 files 8 Canvas items

Week 2: The Memory

How does it adapt to me?

11 files 8 Canvas items

Week 3: Signal + State

How does an interface remember what a user asked it to do?

9 files 5 Canvas items

Uncategorized

Week 4: The Shape

What happens when I interact?

12 files 6 Canvas items

Teaching Through Story

Week 5: The Blueprint

What's the story you want to tell, and what does it look like?

7 files 7 Canvas items

Week 6: The Blueprint

What happens when the page moves with you?

12 files 5 Canvas items

Week 7: The Rough Cut

Can your story work before JavaScript starts moving it?

6 files 4 Canvas items

Week 8: The Scroll

How does scroll become your storytelling medium?

6 files 4 Canvas items

Week 9: The Deep

What separates good from great?

7 files 3 Canvas items

Week 10: The Showcase

Can you explain what you built and why?

0 files 0 Canvas items

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.

Open projects + assignments hub ->