Week 9: The Deep Week 9

Unit: Teaching Through Story

Interaction Question: What separates good from great?

Learning Outcomes

  • Implement a pinned ScrollTrigger section that locks in the viewport while content animates
  • Create parallax effects using different scroll speeds on layered elements
  • Conduct structured peer review of a scrollytelling site
  • Test for accessibility: keyboard navigation, reduced motion, color contrast
  • Optimize animation performance using Lighthouse and DevTools
  • Deploy a production-ready site to GitHub Pages
  • Identify and fix common scroll-animation bugs (layout shifts, z-index issues, pin spacing)

Curriculum Activities

Engage

  • Engage: Peer Review
    weeks/week-9/engage/engage-9-1-peer-review.md

Learn

  • Learn: Scrollytelling Craft
    weeks/week-9/learn/learn-9-1-scrollytelling-craft.md

Practice

  • Practice: The Deep
    weeks/week-9/practice/practice-9-1-the-deep.md

Build

  • Build: The Refinement
    weeks/week-9/build/build-9-1-the-refinement.md
  • Build: The Story Flows
    weeks/week-9/build/build-9-1-the-story-flows.md

Reflect

  • Reflect: Visual Notes — Final Reflection
    weeks/week-9/reflect/reflect-9-1-visual-notes.md

Resources

  • Week 9 Resources: The Deep
    weeks/week-9/resources/week-9-resources.md

Canvas Alignment

Module: week 9 (10) week before finals

  • active Agent Workflow(s) OPTIONAL
  • unpublished The Deep // Pinned section, peer review, polish, deploy
  • active FINAL: Lost in the Scroll