Frontend
FRUNT-end
The part of an application that users see and interact with directly.
The frontend is everything the user sees and interacts with: the website, the mobile app, the dashboard, the buttons, the forms, the animations. It runs in the user's browser or on their device. It is the face of the product.
Frontend development has become significantly more complex over the past decade. What used to be HTML, CSS, and a sprinkle of JavaScript is now a full engineering discipline with frameworks (React, Vue, Svelte), build tools (Vite, webpack), state management, routing, testing, and performance optimization.
For developer tools companies, the frontend includes the marketing website, the documentation site, the developer dashboard, and often an interactive playground or console. Each serves a different audience and has different requirements for design, performance, and interactivity.
Examples
A frontend bug affects user experience.
Users report that the checkout button is unclickable on Safari mobile. The frontend team discovers a CSS z-index issue that only appears on WebKit browsers. The fix is two lines of CSS. But finding the root cause required testing across five browsers and three device sizes.
A frontend performance problem slows adoption.
The documentation site takes 6 seconds to load on 3G connections. The frontend team implements code splitting (loading only the JavaScript needed for the current page), lazy-loads images, and pre-renders static pages. Load time drops to 1.5 seconds.
A frontend redesign improves conversion.
The pricing page redesign moves the comparison table above the fold, simplifies tier names from four tiers to three, and adds a prominent free trial CTA. Conversion rate from pricing page to signup increases 35%.
In practice
Read more on the blog
Frequently asked questions
What languages are used for frontend development?
HTML (structure), CSS (styling), and JavaScript/TypeScript (behavior) are the foundation. Most teams use a framework: React, Vue, Svelte, or Angular. TypeScript has become the standard over plain JavaScript for its type safety and tooling support.
What is the difference between frontend and full-stack?
Frontend developers focus on the user interface and browser-side code. Full-stack developers work on both frontend and backend. In practice, most developers have a primary strength (frontend or backend) and basic competency in the other.
Related terms
The server-side part of an application that handles data, logic, and infrastructure.
Application programming interface: a defined way for software programs to communicate with each other.
The time delay between a request being sent and a response being received.
Storing a copy of data in a faster location so repeated requests do not hit the slower original source.
Want the complete playbook?
Picks and Shovels is the definitive guide to developer marketing. Amazon #1 bestseller with practical strategies from 30 years of marketing to developers.