Frontend

Frontend refers to everything a user sees and interacts with in a web application: the layout, typography, colors, buttons, animations, and overall experience rendered in the browser. It’s built with three core technologies: HTML for structure, CSS for visual design, and JavaScript for interactivity. Modern frontend development typically uses frameworks like React, Vue, or Svelte to organize complex interfaces into reusable components, making it easier to build and maintain polished experiences across devices.

The Simple Version

A website has two halves. The frontend is the half you see: the layout, the colors, the buttons, the text, the images. It’s everything that appears in your browser when you visit a page.

The other half (the backend) is the stuff happening behind the scenes: databases, servers, business logic. You never see it directly, but it powers what the frontend shows you.

Think of a bank. The frontend is the lobby: the counters, the forms, the friendly teller. The backend is the vault, the ledgers, and the security systems you never see.

Why It Matters

When someone says they’re a “frontend developer,” they build the visible, interactive part of websites. It’s a distinct skill set from backend development, though many developers do both.

Frontend work is where design meets code. It’s about making things look right, feel responsive, and work smoothly across different devices and screen sizes.

How It’s Used on This Site

This site is entirely frontend. There’s no backend server or database. All the content is baked into the pages at build time (that’s the static site approach). What you see is what there is: HTML, CSS, and a little JavaScript for interactivity.