Frontend Glossary

Browse 131 frontend terms defined in plain English, from the cultural dictionary of computing.

131 Frontend Terms

Alpine.js
Alpine.js is a lightweight JavaScript framework for declarative behavior directly in HTML. It is commonly used for sprinkling interaction onto server-rendered...
Angular
Angular is a TypeScript-based frontend framework developed and maintained by Google for building complex, enterprise-grade web applications. Originally...
Angular CLI
Angular CLI is Angular's official command-line tool for scaffolding, building, testing, and serving projects. It is commonly used for standardized frontend...
Ant Design
Ant Design is a React UI component library and design system for enterprise applications. It is commonly used for admin panels, dashboards, and data-heavy...
ARIA
Accessible Rich Internet Applications — a set of HTML attributes that add semantic meaning to elements for assistive technologies. Roles (role='dialog'),...
Asset Bundler
A tool that combines and transforms frontend assets such as JavaScript, CSS, images, and modules into optimized output for development or production delivery....
Asset Compilation
The build step that transforms source assets such as TypeScript, Sass, templates, or images into browser- or runtime-ready output. Asset compilation often...
Astro
Astro is a modern web framework designed for building fast, content-focused websites like blogs, documentation sites, marketing pages, and portfolios. Launched...
BEM
Block Element Modifier — a CSS naming convention that organizes class names as .block__element--modifier (e.g., .card__title--highlighted). Prevents...
Browser API
Browser API is a web-platform or frontend-development concept used in browser-based applications. It is commonly used for interactive interfaces, rendering,...
Browser Cache
The local storage in a browser used to keep copies of previously fetched assets so future page loads can avoid refetching unchanged resources. Browser cache...
Browser Compatibility
The extent to which an application behaves correctly across different browsers, browser versions, and rendering engines. Browser compatibility work includes...
Browser Engine
Browser Engine is a web-platform or frontend-development concept used in browser-based applications. It is commonly used for interactive interfaces, rendering,...
Browser Event
An event emitted by the browser environment in response to user actions, network changes, lifecycle transitions, or DOM activity, such as clicks, focus...
Browser Extension
Browser Extension is a web-platform or frontend-development concept used in browser-based applications. It is commonly used for interactive interfaces,...
Browser Feature Detection
The practice of checking whether a browser actually supports a capability before using it, instead of relying on user-agent strings or assumptions about...
Browser History API
The browser API that lets web applications manipulate session history, update URLs, and respond to back/forward navigation without full page reloads....
Browser Rendering
The process by which a browser parses HTML, CSS, and scripts, constructs rendering structures, computes layout, and paints visual output to the screen....
Browser Security
The collection of browser features and behaviors that isolate sites, enforce origin boundaries, manage permissions, and protect users from malicious web...
Browser Storage
Browser Storage is a web-platform or frontend-development concept used in browser-based applications. It is commonly used for interactive interfaces,...
Browser Tab
A separate viewing context within a browser window that holds its own page state, navigation history, and runtime environment. Browser tabs matter in web...
Browser Tax
The extra time, code, and testing effort required because browsers behave differently or impose awkward constraints. In frontend slang, browser tax is the...
Cache Busting
A technique for forcing clients or intermediaries to fetch a fresh resource instead of reusing a cached one, usually by changing the asset URL through version...
Canvas
Canvas is a web-platform or frontend-development concept used in browser-based applications. It is commonly used for interactive interfaces, rendering, and...
Canvas API
Canvas API is a web-platform or frontend-development concept used in browser-based applications. It is commonly used for interactive interfaces, rendering, and...
Card Layout
A visual arrangement that presents content in separate card-like containers, each holding related information or actions. Card layouts are common in...
Checkbox
A form control that represents a boolean on/off choice, typically allowing the user to select or clear an option independently of other controls. Checkboxes...
Child Element
An element directly contained within another element in a document tree or component hierarchy. Child-element relationships matter in layout, selectors, event...
Chrome DevTools
Chrome DevTools is the built-in browser debugging suite for inspecting DOM, network, performance, and JavaScript execution. It is commonly used for frontend...
Client
A piece of hardware or software that requests services or resources from a server. In client-server architecture, the client initiates communication and...
Client Cache
Cached data stored on the client side, such as in memory, browser storage, or a mobile app's local database, to avoid refetching the same information...
Client Component
A component designed to run in the client environment, such as the browser, rather than only on the server. Client components typically handle interactivity,...
Client-Side Rendering
Client-Side Rendering is a build or developer-tooling concept used to compile, package, transform, or automate code. It is commonly used for repeatable...
Code Bundle
A packaged output artifact containing compiled or combined code modules, often produced for browser delivery or deployment. Code bundles may include one or...
Code Splitting
Breaking a JavaScript bundle into smaller chunks that are loaded on demand rather than all upfront. Route-based splitting loads code per page; component-based...
Color Mode
A UI mode that changes the application's color palette, commonly to support light mode, dark mode, or system-synced themes. Implementing color mode well...
Component Communication
The ways components exchange data, events, and control signals in a system, such as props, callbacks, shared state, context, events, or message buses. Good...
Component Library
A curated, documented collection of reusable UI components — buttons, modals, form inputs, data tables — built in code, tested, versioned, and published as a...
Component State
The local data a component holds to determine how it behaves or renders at a given moment, such as input values, open/closed status, or in-progress async...
Container Query
A CSS feature that applies styles based on the size of a component's container rather than the viewport. Enables truly reusable responsive components — a card...
Content Rendering
The process of turning content data into visible or usable output, such as HTML, PDFs, previews, rich text views, or other rendered formats. Content rendering...
Create React App
A Create React App is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
Critical Rendering Path
The sequence of steps the browser takes to convert HTML, CSS, and JavaScript into pixels on screen: parse HTML → build DOM → parse CSS → build CSSOM → combine...
CSS
CSS, or Cascading Style Sheets, is the language used to describe the presentation and visual formatting of HTML documents. While HTML defines the structure and...
CSS Animation
A CSS Animation is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
CSS Architecture
The organizational approach used to structure stylesheets, naming conventions, component boundaries, and style reuse in a frontend codebase. Good CSS...
CSS Custom Properties
Native CSS variables declared with -- prefix and accessed via var(). Unlike preprocessor variables (Sass $vars), custom properties are live in the browser,...
CSS Framework
A collection of prebuilt CSS styles, layout systems, utilities, and components intended to speed up frontend development. CSS frameworks can improve...
CSS Grid
A two-dimensional CSS layout system for creating complex grid-based designs with rows and columns. Unlike Flexbox (one-dimensional), Grid handles both axes...
CSS Layout
The arrangement of visual elements on a web page using CSS rules such as flexbox, grid, positioning, sizing, and spacing. CSS layout work focuses on how...
CSS Module
A CSS Module is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier...
CSS Nesting
A CSS Nesting is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier...
CSS Preprocessor
A CSS Preprocessor is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
CSS Reset
A baseline stylesheet that reduces or removes browser default styling so a project starts from a more predictable visual foundation. CSS resets help smooth...
CSS Transition
A CSS Transition is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
CSS Utility
A small single-purpose CSS class that applies one narrowly scoped style such as margin, color, display, or alignment. Utility-heavy approaches can speed up...
CSS Variable
A CSS Variable is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier...
Custom Event
An event defined by an application rather than built into the underlying platform, used to signal domain-specific actions or state changes. Custom events help...
Custom Hook
A Custom Hook is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier...
Custom Widget
A reusable interface element built specifically for a product's needs rather than taken directly from a standard component library. Custom widgets often...
Debounce
A technique that delays execution of a function until a specified period of inactivity has passed. Each new trigger resets the timer. Commonly used for...
Deploy Hook
A Deploy Hook is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier...
Every Pixel
A phrase used when someone cares intensely about visual precision and tiny UI details. In engineering slang, 'every pixel' can be genuine craft or a warning...
Flexbox
A one-dimensional CSS layout model for distributing space and aligning items along a single axis (row or column). Handles content of unknown size, enables...
Frontend Build
A Frontend Build is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
Frontend Developer
A developer focused primarily on user interfaces, client-side behavior, browser performance, accessibility, and the visible parts of software products. In tech...
Frontend Framework
A Frontend Framework is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
Frontend Router
A Frontend Router is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
GraphQL Fragment
A reusable piece of a GraphQL query that defines a set of fields on a specific type. Fragments eliminate field duplication across queries and mutations, and in...
Grid
A two-dimensional CSS layout system that allows developers to arrange elements in rows and columns simultaneously, providing precise control over alignment,...
GUI
A GUI is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier to...
Hook
A Hook is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier to...
Hot Reload
Updating running application code without a full restart, preserving application state. Hot Module Replacement (HMR) in Vite/webpack patches changed modules...
Hot Reload
The ability to modify running code and see changes reflected immediately without restarting the application or losing its current state. A developer experience...
HTML
HTML, or HyperText Markup Language, is the standard markup language for creating web pages. It defines the structure and content of a web document using a...
HTML Parser
A HTML Parser is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code easier...
HTML Sanitization
A HTML Sanitization is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
HTML Template
A HTML Template is a development concept used to shape how software is built, executed, or maintained in real systems. Developers rely on it to make code...
HTMX
A JavaScript library that extends HTML with attributes for making AJAX requests, handling WebSocket connections, and performing CSS transitions directly from...
Hydration
The process of attaching JavaScript event handlers and state to server-rendered HTML on the client side. After SSR delivers static markup for fast initial...
Islands Architecture
A web architecture pattern where most of the page is static HTML, with small 'islands' of interactive components that are independently hydrated. Reduces...
JavaScript
JavaScript is a dynamic, interpreted programming language created in 10 days by Brendan Eich at Netscape in 1995. Originally designed to add interactivity to...
JSX
A syntax extension for JavaScript that lets you write HTML-like markup directly inside JS code, primarily used with React to describe UI components.
Keyframe
A defined point in an animation timeline that specifies property values the renderer should match at that moment, with intermediate frames interpolated...
Live Reload
Live Reload is a development tool feature that automatically refreshes a web page or restarts an application whenever the developer saves changes to source...
Micro Frontend
An architectural pattern that decomposes a web frontend into independently developed, deployed, and loaded feature slices — each owned by a separate team —...
Minification
The process of removing whitespace, comments, and renaming variables to shorter identifiers in JavaScript, CSS, or HTML source code to reduce file size and...
Modal
A UI overlay dialog that appears on top of the current view and blocks interaction with the content behind it until the user dismisses it or completes the...
Module Bundler
A build tool — such as webpack, Rollup, or esbuild — that resolves the dependency graph of JavaScript (or TypeScript) modules, combines them into one or more...
Optimistic Update
A UI pattern where the interface immediately reflects a state change before the server confirms it, rolling back if the server request fails. Makes the app...
Options API
The original Vue.js component authoring style in which a component is defined as an object with declarative option properties — `data`, `methods`, `computed`,...
Performance Budget
A set of quantitative limits on performance metrics — such as maximum JavaScript bundle size (e.g., 200 KB), total page weight, or time to interactive — that a...
Pixel Density
The number of physical pixels per unit of length on a display, typically measured in PPI (pixels per inch). Higher pixel density produces sharper images; web...
Pixel Perfect
Matching a design spec at a very fine visual level, down to spacing, alignment, and individual rendered pixels. The phrase is common in frontend and design...
Pixel Pushing
Making small visual adjustments to UI layout, spacing, alignment, or styling, often repeatedly. It can describe necessary polish or imply low-leverage fiddling...
React Community
The ecosystem of developers, maintainers, educators, tool authors, and companies building with React and adjacent tooling. In frontend culture, the React...
Reactive
A programming paradigm centered on data streams and the propagation of change. Reactive systems automatically update outputs when inputs change. In frontend...
Reactive State
Application state that is tracked by a reactivity system so that any UI component or computation reading it is automatically re-executed when the state...
Render
To compute and produce a visual output — whether generating HTML/DOM elements from component state in a web framework, rasterizing 3D geometry into pixels in a...
Rendering
The process of generating a visual output — such as pixels on screen, HTML markup, or a 3D scene — from underlying data, templates, or scene descriptions.
Responsive Design
Responsive Design is a web development approach where a website's layout and content automatically adapt to the screen size and orientation of the device...
Responsive Images
HTML techniques for serving appropriately sized images based on the viewer's screen size, pixel density, and supported formats. Uses srcset (multiple...
Sass
Syntactically Awesome Style Sheets — a CSS preprocessor that adds variables, nesting, mixins, partials, and inheritance to standard CSS. Sass files (.scss or...
Scoped Style
CSS rules that are automatically confined to a specific component or DOM subtree so they cannot leak out and accidentally style other parts of the page,...
Screen Reader
Assistive technology that converts on-screen content to speech or braille output for users who are blind or have low vision. Popular screen readers include...
Selector
A pattern used to match and target elements — in CSS for styling, in Objective-C for method dispatch, or in state management libraries for deriving computed...
Server Component
A React component that renders exclusively on the server and streams its output to the client as a serialized tree, enabling direct database access, zero...
Server-Side Rendering
The technique of generating a page's full HTML on the server for each request (or at build time in the static variant), sending a complete document to the...
Skeleton Loading
A UI loading pattern that displays a wireframe-like placeholder mimicking the shape and layout of the content that is still being fetched, giving users an...
Skeleton Screen
A loading state that shows the page's layout structure with placeholder shapes (gray boxes, lines) instead of a spinner or blank page. Creates the perception...
Slot
A placeholder in a component template where parent components can inject custom content, enabling flexible composition patterns in frameworks like Vue, Svelte,...
Solid.js
A declarative JavaScript UI framework with a React-like developer experience but fundamentally different rendering model. Created by Ryan Carniato, Solid uses...
SPA
Single Page Application — a web application that loads a single HTML page and dynamically updates content via JavaScript and API calls, avoiding full page...
Spinner
A visual loading indicator — either a rotating icon in a GUI or an animated sequence of characters (⠋⠙⠹⠸) in a terminal — shown to the user while an operation...
SSG
Static Site Generator — a tool that pre-builds all pages at build time, producing plain HTML files that can be served from a CDN with no server required....
SSR
SSR, or Server-Side Rendering, is a web development technique where HTML pages are generated on the server for each request rather than being constructed in...
State
The current set of data values that determine a program's behavior and UI at any given moment, managed locally in components, globally in stores, or on the...
State Container
An object or module that holds the entire application state in a single, centralized location, exposes it through a read-only interface, and enforces changes...
State Management
The set of patterns and tools used to create, read, update, and synchronize application state across components or services. In frontend frameworks this...
Styled Components
A CSS-in-JS library for React that lets you define component-scoped styles using tagged template literals in JavaScript. Each styled component generates a...
Tailwind
Short for Tailwind CSS — a utility-first CSS framework that provides low-level, single-purpose classes (like flex, pt-4, text-center) composed directly in HTML...
Tailwind CSS
A utility-first CSS framework created by Adam Wathan that replaces traditional component-based CSS with composable utility classes applied inline, configured...
Throttle
A technique that limits function execution to at most once per specified time interval, regardless of how many times it's triggered. Unlike debounce (which...
User Interface
The visual and interactive layer through which a human interacts with software, encompassing graphical elements (GUI), command-line prompts (CLI), or other...
Vercel
A cloud platform for frontend developers that specializes in deploying web applications with zero configuration. Founded by Guillermo Rauch and originally...
Virtual DOM
A lightweight in-memory representation of the real DOM used by frameworks like React to optimize UI updates. When state changes, a new virtual DOM tree is...
Vue
Vue (pronounced 'view') is a progressive JavaScript framework for building user interfaces, designed to be incrementally adoptable. Created by Evan You in...
Vue.js
The full name of the Vue framework, emphasizing its JavaScript foundation. Vue.js uses a reactivity system that automatically tracks dependencies and updates...
Web Framework
A structured library or platform that provides conventions, routing, middleware, templating, and tooling for building web applications — server-side examples...
Webpack Community
The ecosystem of users, maintainers, plugin authors, and educators around Webpack and related build tooling. In frontend engineering culture, the Webpack...
Z-Index
A CSS property controlling the stacking order of overlapping positioned elements. Higher values appear in front. Notoriously confusing because z-index only...

Related Topics