Frontend terms

11 terms of 1506 total

🖥️ Building interfaces that humans actually enjoy using

Frontend development sits at the intersection of design, performance, and user psychology. This category covers browser rendering, component architecture, state management, accessibility, web APIs, and the frameworks and build tools that modern frontend teams rely on. What users see and interact with is ultimately what your software is — these terms help you build it well.

More on Frontend history · 6 references · key concepts

History

Frontend development emerged in the 1990s as web browsers became capable of rendering HTML beyond simple text documents, with CSS (1996) and JavaScript (1995) enabling styling and interactivity. Early practice focused on cross-browser compatibility and server-side rendering, but shifted dramatically with the rise of AJAX (mid-2000s) and single-page applications (SPAs), moving application logic to the client. The introduction of modern frameworks—jQuery, Angular, React, and Vue—standardized component-based architecture and state management, while DevTools and build systems (Webpack, npm) professionalized the discipline. Today's frontend encompasses responsive design, performance optimization (Core Web Vitals), accessibility (WCAG), and progressive enhancement, reflecting evolution from document presentation to sophisticated interactive systems that run across diverse devices and network conditions.

Key concepts

Semantic HTML
CSS Cascade
Specificity & Inheritance
CSS Flexbox & Grid
HTML Forms — Validation & Accessibility
Responsive Images
Web Accessibility (WCAG & ARIA)
Script Loading (defer
async
type=module)
Core Web Vitals & Page Performance

Best references

MDN Web Docs — Frontend Development Gold-standard reference for HTML, CSS, JavaScript APIs, and web standards. Covers every term in this category with accurate, maintained documentation and practical examples.
W3C CSS Working Group Specifications Authoritative source for CSS specs including Grid, Flexbox, Container Queries, @layer, and custom properties. Essential for understanding official CSS standards.
WHATWG HTML Standard Living standard for HTML, including semantic elements, forms, meta tags, and the native dialog element. The definitive reference for modern HTML features.
Web.dev by Google Curated guides on Core Web Vitals, performance optimization, accessibility (WCAG/ARIA), progressive enhancement, and modern frontend best practices.
WebAIM — Web Accessibility In Mind Practical accessibility education covering ARIA roles, WCAG compliance, semantic HTML, and form validation. Trusted resource for accessible frontend design.
Can I Use — Browser Compatibility Tables Authoritative database of browser support for CSS, HTML, JavaScript APIs, and Web Components. Essential for checking feature compatibility across targets.