Web Development Intermediate

What is Web Components?

A set of browser-native APIs for creating reusable, encapsulated custom HTML elements with their own styling and behavior.

Web Components use three main technologies: Custom Elements (define new HTML tags), Shadow DOM (encapsulated styling and markup), and HTML Templates (reusable markup structures). They work natively in modern browsers without frameworks.

Web Components are framework-agnostic — use them with React, Vue, Angular, or vanilla JavaScript. Libraries like Lit simplify Web Component development. They are ideal for design systems and shareable UI components.

Related Terms

An automatic OPTIONS request sent by browsers before certain cross-origin requests to check if the actual request is permitted.

A mechanism in OAuth that limits an application's access to a user's account to specific resources or actions.

A typed superset of JavaScript that adds static type checking, interfaces, and advanced IDE support to JavaScript development.

A communication protocol that enables full-duplex, real-time data exchange between a browser and server over a single connection.

Web Accessibility (a11y)

The practice of designing websites that can be used by people with disabilities, following WCAG guidelines.

Cross-Origin Resource Sharing (CORS)

An HTTP mechanism that allows web pages to request resources from a different domain than the one serving the page.

View All Web Development Terms →