Lectures

Set up your tools, ship a real page, and get a mental model of how the web fits together.

• Client-server architecture
• HTML — structure

Version control with Git and GitHub, and setting type on the web.

• Version control (Git)
• Hosting and deployment
• CSS — styling

Grouping, naming and arranging things on a page — and a colour system that gets you dark mode for free.

• CSS — styling
• Design systems

px, rem, em and vw — and one page that reshapes itself for every screen.

• Responsive web design
• CSS — styling

How one program asks another for data — URLs as orders, JSON as the reply, and fetch as the way you ask.

• JavaScript — interactivity
• APIs — REST
• APIs — GraphQL
• Databases — SQL
• Databases — NoSQL
• Server-side languages
• Understanding data flow

What really happens between typing a URL and seeing a page.

• How the internet works
• DNS
• HTTP / HTTPS
• IP addresses
• Web browsers and their role

AI as an ingredient inside the products you design, not just the tool you build them with — calling a model API by hand.

• LLM APIs
• AI features in products
• AI-assisted development
• Prompting as design

iOS vs Android, native vs hybrid vs web — and whose computer all of this actually runs on.

• iOS vs Android platforms
• Native vs hybrid vs web apps
• App stores and distribution
• IaaS, PaaS, SaaS
• Scaling and cost

Design systems in code, frameworks in one slide each, and getting from Figma to something real.

• Design systems
• Figma to code
• Accessibility

How ideas become products: the lifecycle, Agile, and your final project kickoff.

• Software development lifecycle
• Agile / Scrum

Build sprint and crits on your final project.

Ship-ready: polish, performance, security and privacy.

Final project presentations.