π Welcome Message
Welcome to HCI 101, where we blend coding, user experience, and real-world application.
This Notion page is your launchpad β everything you need is here: slides, assignments, resources, and tools. Letβs write code that makes peopleβs lives better.
This subject will train you to think like a developer, but also to care like a designer β someone who builds not just with logic, but also with empathy.
Youβll:
β Design and code basic user interfaces
β Learn HTML, CSS, and basic JS for HCI prototyping
β Analyze good vs bad UX/UI examples
β Use tools that simulate real-world workflows (GitHub, Cursor AI, Figma, etc.)
| Tool | Purpose |
|---|---|
| Git & GitHub | Version control & collaboration |
| Cursor AI | Coding assistance & AI pair programming |
| HTML, CSS, JS | Frontend foundation |
| Figma or Canva | UI prototyping |
| Google Forms | Quick feedback from users |
| Loom | Video walkthrough submissions |
| ChatGPT | AI-powered learning support |
This is not a theory-heavy class. This is about doing β building interfaces, understanding what frustrates users, and writing cleaner code because of it.
By the end of the semester, youβll:
π Be confident using GitHub for real-world coding