PUCD 2026 Core 2: Interaction Lab

• Class Intro
• Core 1 Skills Assessment
• Lecture: HTML Recap

• HTML & CSS Basics
• Embedded Content
• Glitch

Start a personal profile for our class.

• Lecture: CSS Recap
• Add class profile to GitHub

• GitHub & GitHub Pages
• Local Web Development Environment

Style your profile and add a playlist

• 1:1 meetings

• Typography on the Web

• Lecture: Responsive CSS Recap
• Workshop: CSS animation

• CSS Layout + Style
• Responsive Web Design

• Lecture: Responsive Images
• Small Group
  Technical Meetings: Studio Project 2

• Creating structure with HTML and CSS
• *bonus* Intro to Javascript

• 1:1 Meetings
  Technical Meetings: Studio Project 2

• Responsive Web Layout
• Intro to Javascript

• Wonder Cabinets
• Lecture: Javascript Recap
• Workshop: Javascript

• Airtable Introduction
• Airtable Base Setup

• 1:1 Meetings

• JavaScript + the DOM (slides)

• Instruction Set Results
• Workshop: Working with collections

• Airtable Front-End
• Airtable API

• Workshop: pt. II working with collections
• airtable collection
• airtable base api key
• airtable.browser.js
• Small Group
  Technical Meetings: Studio Project 3
• poem result

• Workshop: Filtering with Javascript
• Airtable collection
• Demo template
• Completed Demo, code

• Javascript Re-introduction

• 1:1 Meetings
  Technical Meetings: Studio Project 3
  (sign up in the ocean)

• Biomimicry results
• Lecture: Interactive Javascript

• Input/Output Pt. 1
• Input/Output Pt. 2

• 1:1 Meetings

• Core 2 Skills Lab test
• Lecture: putting your work
  online + archiving