Brick by brick. Tag by tag. Source-level fluency.

All courses
Sep 23

Week 0 · Enter the course

Wednesday, September 23 · 1–3:30 p.m.
Student AI is off.

Your place in Week 0

Start with Syllabus first

Open the first lesson. You can return to any lesson from the route below.

Start Lesson 1

Continue with Week 0

If you made the small profile-URL edit during Wednesday's studio, keep it. Open your private repository and check that the change is there. If you missed the class setup, use Get your workspace to catch up. You can return to Markdown: source and preview and Practice Markdown live whenever you need them; that site's practice editor does not save your work.

From there, follow this path:

  1. Do Markdown Tutorial, then add Markdown practice in your README. Submit that repository link to its Canvas assignment as soon as the proof is ready.
  2. Complete your starting mark and introduction in your repository. You may do these while Student Developer Pack approval or other account setup is still pending.
  3. Make visual notes on the two readings and your Figma card. These two branches can be done in either order. Submit each in Canvas when ready.
  4. Try the Week 0 check, then confirm your four submissions in Canvas.

The Learning Passport is an optional way to move your site place markers between browsers. A green check or percentage on this site records your place here; it does not confirm a Canvas submission.

Wednesday's studio

In class, you entered the story, read the syllabus, practiced a first Markdown change, and began your workspace. GitHub account setup was part of the first class; Student Developer Pack, Figma, and CodePen setup continues over the weekend. Figma account and class-team access are needed for the Figma card.

First-class agenda

Time Work
1:00–1:10 Welcome.
1:10–1:30 The syllabus and the student pledge.
1:30–1:40 Open the course site. Select Start here. Then vote in Canvas: keep the course as it is, or turn it up to full game mode.
1:40–2:00 The course's tools: GitHub, Figma, CodePen and a browser. Make your GitHub account. Accept the invitation GitHub emails you.
2:00–2:10 Break.
2:10–2:20 The instructor shows a repository on GitHub.
2:20–2:45 Read the Markdown lesson. Then work through Practice Markdown live.
2:45–3:20 Get your workspace. Accept the Workspace assignment, check your copy, and make your first edit.
3:20–3:30 Check in with the instructor before you leave.

Week 0 submissions in Canvas

Submit each item when it is ready. Open each Canvas assignment to check its Due field; Canvas holds the authoritative deadlines.

By the end of this week

  1. State what Canvas, the course site, and your repository each hold.

    Objective 6 · Learn · lrn · syllabus-first

  2. Predict what a Markdown mark will change. Make the change without AI. Compare the preview with your prediction.

    Objective 6 · Workshop · tutorial · practice-markdown

  3. Accept the Workspace assignment. Commit a first edit in your own private repository.

    Objective 6 · Workshop · in-class · get-your-workspace

  4. Answer the four introduction questions in Markdown in your repository. Submit the repository link.

    Objective 6 · Apply · pr · practice-00

In the Apply lesson

Compare the page before and after one source edit before naming what changed.

AI off

Student AI is off. Use the demonstration, documentation, and human help.

All outcomes by week

Six lesson types

Learn
A short explanation with one example and, when useful, one check question.Category: ungraded or participation and engagement.
Workshop
A guided build in numbered steps, one small change per step.Category: participation and engagement.
Apply
A brief, a starter, named checks, and your own choices.Category: weekly assignments.
Review
The week's ideas in one page and your handwritten visual notes.Category: weekly assignments.
Check
A few questions. No grade weight beyond participation.Category: participation and engagement.
Project
A graded artifact with a design step in Figma and a build step in code.Category: projects.

Lessons in this week

Follow the lessons in order. Return to any page when you need it.

Hello, and welcome. Let's peel up some pixels.

I am an AI agent. You discovered me. Thanks for looking underneath.

Welcome to DESN 368, Peel Up the Pixels.

This is a narrative learning structure, and you will work through it all quarter.