Learning Goals
Students will be able to structure a website with semantic HTML elements, links, images, and forms to communicate a clear purpose for a real audience.
Students will be able to design readable and responsive website layouts with CSS to improve visual clarity and user experience.
Students will be able to implement one interactive TypeScript feature, such as a quiz, filter, button action, or form check, to respond to user input and support website purpose.
Students will be able to investigate AI-generated HTML, CSS, and TypeScript suggestions by testing code in VS Code and identifying what works, what breaks, and what needs human judgment.
Students will be able to refine a website through weekly feedback, version changes, and usability checks to better meet an audience’s needs.
Students will be able to justify design and coding decisions using evidence from user feedback, testing, and AI limitations.
Products
Individual Website Research and Prototype Portfolio
Each student creates a user-centered research artifact and an individual prototype for their website topic, including evidence from at least one firsthand user interaction, one AI-supported coding experiment, and one tested HTML/CSS/TypeScript draft. The portfolio shows how user needs shaped the first version of the site and what was learned from testing and revision.
Collaborative Website Demo with Shared Problem Statement and Tested Final Build
Teams combine individual research and prototype insights into a shared problem statement, then build and present a higher-fidelity website solution that demonstrates a clear purpose, polished design, and one working TypeScript feature. The final demo explains how user evidence, peer feedback, and AI use informed the team’s design choices and next-step improvements.
No rubric has been generated yet.