πŸ“Œ 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.

πŸ”₯ What You’ll Be Doing

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.)

πŸ“ Course Materials

πŸ›  Tools You’ll Be Using

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

πŸ’» Programming with Purpose

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