Web Development: glossary terms
Front-end and back-end building blocks: HTML, CSS, JavaScript frameworks, rendering models and the tooling around them.
शब्दकोश · वेब डेवलपमेंटAJAX (Asynchronous JavaScript and XML)AJAX is a technique where a page requests data from a server in the background with JavaScript and updates part of the page without a full reload.शब्दकोश · वेब डेवलपमेंटAngularAngular is a TypeScript-based web application framework from Google that provides components, routing, forms and dependency injection in one package.शब्दकोश · वेब डेवलपमेंटARIA (Accessible Rich Internet Applications)ARIA is a set of HTML attributes that add roles and states to elements so assistive technologies like screen readers can understand custom interface widgets.शब्दकोश · वेब डेवलपमेंटBack End (Back-End Development)Back end is the server-side part of a website or app that handles data, business logic, authentication and the responses your browser receives.शब्दकोश · वेब डेवलपमेंटBootstrapBootstrap is a widely used front-end framework of prebuilt CSS components, a grid system and optional JavaScript for building responsive sites quickly.शब्दकोश · वेब डेवलपमेंटBundler (Module Bundler)A bundler is a build tool that combines many JavaScript modules and assets into a small number of optimized files for the browser.शब्दकोश · वेब डेवलपमेंटCanvas ElementThe HTML canvas element provides a bitmap drawing surface that JavaScript can paint on with 2D or WebGL APIs for charts, games and image processing.शब्दकोश · वेब डेवलपमेंटChrome DevToolsChrome DevTools is the set of debugging and profiling tools built into Chrome for inspecting HTML, CSS, JavaScript, network requests and performance.शब्दकोश · वेब डेवलपमेंटClient-Side RoutingClient-side routing is when JavaScript in the browser changes the visible page and URL without a full reload, using the History API to switch views.शब्दकोश · वेब डेवलपमेंटCMS (Content Management System)A CMS is software that lets people create, edit and publish website content through an admin interface without writing code for every change.शब्दकोश · वेब डेवलपमेंटComponentA component is a self-contained, reusable piece of a user interface that combines markup, styling and behavior, such as a button, card or navigation bar.शब्दकोश · वेब डेवलपमेंटCritical CSSCritical CSS is the minimal set of styles needed to render the visible part of a page, inlined in the HTML so content appears without waiting for stylesheets.शब्दकोश · वेब डेवलपमेंटCross-Browser CompatibilityCross-browser compatibility means a website works and looks acceptable in every browser and version its audience actually uses, despite differences.शब्दकोश · वेब डेवलपमेंटCSS AnimationCSS animation uses @keyframes and the animation properties to change styles over time without JavaScript, from simple fades to looping motion.शब्दकोश · वेब डेवलपमेंटCSS Box ModelThe CSS box model describes how every element is a rectangle made of content, padding, border and margin, which together determine its size and spacing.शब्दकोश · वेब डेवलपमेंटCSS BreakpointA breakpoint is a viewport width at which a responsive layout changes, defined in CSS through media queries, such as switching from one column to three.शब्दकोश · वेब डेवलपमेंटCSS GridCSS Grid is a two-dimensional layout system that places content into rows and columns, letting you design whole page layouts directly in CSS.शब्दकोश · वेब डेवलपमेंटCSS ResetA CSS reset is a stylesheet that removes or normalizes the default styles browsers apply to elements, giving a consistent baseline across browsers.शब्दकोश · वेब डेवलपमेंटCSS SelectorA CSS selector is the pattern in a stylesheet rule that picks which HTML elements the declared styles apply to, such as a tag, class, ID or attribute.शब्दकोश · वेब डेवलपमेंटCSS SpecificityCSS specificity is the rule browsers use to decide which declaration wins when several selectors target the same element with conflicting styles.शब्दकोश · वेब डेवलपमेंटCSS Variables (Custom Properties)CSS variables, or custom properties, are author-defined values like --brand that cascade, can be reused with var(), and can change at runtime.शब्दकोश · वेब डेवलपमेंटDark Mode CSSDark mode CSS adapts a site's colors to the user's dark theme preference using the prefers-color-scheme media query and CSS variables.शब्दकोश · वेब डेवलपमेंटDebounce and ThrottleDebounce delays a function until activity stops, while throttle runs it at most once per interval; both limit how often frequent events trigger work.शब्दकोश · वेब डेवलपमेंटDOCTYPE DeclarationThe DOCTYPE declaration, written as <!DOCTYPE html>, is the first line of an HTML document and tells browsers to render it in standards mode.शब्दकोश · वेब डेवलपमेंटDOM (Document Object Model)The DOM is the browser's in-memory tree of objects representing a web page, which JavaScript can read and change to update what the user sees.शब्दकोश · वेब डेवलपमेंटEdge FunctionsEdge functions are small pieces of server code that run on a CDN's nodes close to the user, enabling low-latency logic before or instead of an origin request.शब्दकोश · वेब डेवलपमेंटEvent BubblingEvent bubbling is the DOM behavior where an event fired on an element propagates upward through its ancestors, letting parents handle events from children.शब्दकोश · वेब डेवलपमेंटFetch APIThe Fetch API is the modern browser interface for making HTTP requests from JavaScript, returning promises instead of using older callback-based XMLHttpRequest.शब्दकोश · वेब डेवलपमेंटFlexbox (CSS Flexible Box Layout)Flexbox is a CSS layout mode that arranges items in a single row or column, distributing space and alignment automatically as the container size changes.शब्दकोश · वेब डेवलपमेंटForm ValidationForm validation checks that user-entered data is complete and correctly formatted, in the browser for quick feedback and on the server for security.शब्दकोश · वेब डेवलपमेंटFront End (Front-End Development)Front end is everything in a website that runs in the visitor's browser: the HTML structure, CSS styling and JavaScript behavior users see and click.शब्दकोश · वेब डेवलपमेंटFull StackFull stack describes a developer or application that spans every layer of a web product: the browser front end, the server back end and the database.शब्दकोश · वेब डेवलपमेंटHeadless CMSA headless CMS stores and manages content but has no built-in page output, delivering it through an API so any website or app can display it.शब्दकोश · वेब डेवलपमेंटHot Reload (Hot Module Replacement)Hot reload is a development feature that updates changed code in the running browser instantly, often without a full refresh or losing the page state.शब्दकोश · वेब डेवलपमेंटHTML AttributeAn HTML attribute is a name-value pair inside an element's start tag that configures the element, such as href on a link or alt on an image.शब्दकोश · वेब डेवलपमेंटHTML ElementAn HTML element is a building block of a web page made of a start tag, optional content and an end tag, such as a paragraph, link or heading.शब्दकोश · वेब डेवलपमेंटHTML5HTML5 is the modern version of the HTML standard, adding semantic elements, native audio and video, canvas, form controls and APIs for rich web apps.शब्दकोश · वेब डेवलपमेंटHydrationHydration is the step where client-side JavaScript attaches event handlers and state to HTML that the server already rendered, making the page interactive.शब्दकोश · वेब डेवलपमेंटIncremental Static Regeneration (ISR)Incremental static regeneration rebuilds individual static pages in the background after deployment, so content updates without a full site rebuild.शब्दकोश · वेब डेवलपमेंटIndexedDBIndexedDB is a browser database API that stores large amounts of structured data on the user's device, accessible asynchronously and usable offline.शब्दकोश · वेब डेवलपमेंटInfinite ScrollInfinite scroll is a pattern that loads more content automatically as the user nears the bottom of a list, removing traditional page numbers.शब्दकोश · वेब डेवलपमेंटJamstackJamstack is a web architecture that serves prebuilt pages from a CDN and adds dynamic features through JavaScript and APIs instead of a traditional server.शब्दकोश · वेब डेवलपमेंटJavaScript FrameworkA JavaScript framework is a prebuilt toolkit that gives structure to building web interfaces, handling things like components, state and updating the DOM.शब्दकोश · वेब डेवलपमेंटJSXJSX is a syntax extension for JavaScript that lets you write HTML-like markup inside code, compiled into function calls by tools like Babel.शब्दकोश · वेब डेवलपमेंटLazy LoadingLazy loading delays loading images, scripts or other resources until they are needed, often just before scrolling into view, to speed up first load.शब्दकोश · वेब डेवलपमेंटLocal StorageLocal storage is a browser feature that saves small key-value strings on the user's device, persisting across page reloads and browser restarts until cleared.शब्दकोश · वेब डेवलपमेंटMedia QueryA media query is a CSS condition, such as a minimum screen width or a dark color scheme preference, that applies a block of styles only when it is true.शब्दकोश · वेब डेवलपमेंटMeta Viewport TagThe meta viewport tag tells mobile browsers how wide to make the layout viewport and what initial zoom to use, and is required for responsive pages.शब्दकोश · वेब डेवलपमेंटMinificationMinification removes whitespace, comments and unnecessary characters from HTML, CSS or JavaScript to shrink file size without changing behavior.शब्दकोश · वेब डेवलपमेंटMobile-First DesignMobile-first design is an approach where you build and style the small-screen experience first, then enhance it for larger screens with min-width media queries.शब्दकोश · वेब डेवलपमेंटNext.jsNext.js is a React framework that adds file-based routing, server rendering, static generation and API endpoints on top of React.शब्दकोश · वेब डेवलपमेंटNode.jsNode.js is a JavaScript runtime that executes JavaScript outside the browser, commonly used to build web servers, APIs and front-end build tools.शब्दकोश · वेब डेवलपमेंटnpm (Node Package Manager)npm is the default package manager for Node.js and the largest public registry of JavaScript packages, used to install and manage project dependencies.शब्दकोश · वेब डेवलपमेंटOpen Graph TagsOpen Graph tags are meta tags in a page's head that tell social networks and chat apps which title, description and image to show in link previews.शब्दकोश · वेब डेवलपमेंटPluginA plugin is an add-on module that extends a host application, such as a CMS or browser, with new features without changing its core code.शब्दकोश · वेब डेवलपमेंटPolyfillA polyfill is code that adds a modern web feature to browsers that do not support it natively, so scripts can use the same API everywhere.शब्दकोश · वेब डेवलपमेंटProgressive EnhancementProgressive enhancement is a design approach that starts with working HTML content for everyone, then layers CSS and JavaScript on top for capable browsers.शब्दकोश · वेब डेवलपमेंटPseudo-classA CSS pseudo-class is a keyword added to a selector, like :hover or :nth-child(), that matches an element based on its state or position.शब्दकोश · वेब डेवलपमेंटReactReact is an open-source JavaScript library for building user interfaces from reusable components that update efficiently when data changes.शब्दकोश · वेब डेवलपमेंटReduxRedux is a JavaScript library that keeps application state in one central store, updated only by dispatching actions handled by pure reducer functions.शब्दकोश · वेब डेवलपमेंटrem vs pxIn CSS, px is a fixed unit while rem scales with the root font size, so rem-based sizing respects user font preferences and zoom settings.शब्दकोश · वेब डेवलपमेंटResponsive ImagesResponsive images are images delivered in multiple sizes or formats so the browser picks the best file for the screen width, density and format support.शब्दकोश · वेब डेवलपमेंटSass and SCSSSass is a CSS preprocessor that adds variables, nesting, mixins and functions; SCSS is its CSS-compatible syntax, compiled to plain CSS.शब्दकोश · वेब डेवलपमेंटSemantic HTMLSemantic HTML means choosing elements for their meaning, such as nav, main and button, so browsers, assistive tools and search engines understand a page.शब्दकोश · वेब डेवलपमेंटServer-Side Rendering (SSR)Server-side rendering generates a page's HTML on the server for each request, so the browser receives ready-to-display content before any JavaScript runs.शब्दकोश · वेब डेवलपमेंटService WorkerA service worker is a script that runs in the background of a browser, intercepting network requests to enable offline support, caching and push notifications.शब्दकोश · वेब डेवलपमेंटSession StorageSession storage is a browser API that stores key-value strings for the lifetime of a single tab, clearing them when that tab or window closes.शब्दकोश · वेब डेवलपमेंटSingle-Page Application (SPA)A single-page application loads one HTML page and then updates content with JavaScript, fetching data in the background instead of reloading each page.शब्दकोश · वेब डेवलपमेंटSkeleton ScreenA skeleton screen is a placeholder wireframe of grey shapes shown while content loads, giving users a sense of progress instead of a blank page.शब्दकोश · वेब डेवलपमेंटSource MapA source map is a file that maps minified or compiled JavaScript or CSS back to the original source, so developer tools can show readable code and line numbers.शब्दकोश · वेब डेवलपमेंटState ManagementState management is how an application stores, updates and shares data that changes over time, such as user input, fetched results and UI status.शब्दकोश · वेब डेवलपमेंटStatic Site Generator (SSG)A static site generator builds a website into plain HTML, CSS and JavaScript files ahead of time, so servers only need to deliver files.शब्दकोश · वेब डेवलपमेंटSvelteSvelte is a front-end framework that compiles components into small, direct JavaScript at build time instead of shipping a runtime library.शब्दकोश · वेब डेवलपमेंटTailwind CSSTailwind CSS is a utility-first CSS framework where you style elements by combining small single-purpose classes directly in your HTML.शब्दकोश · वेब डेवलपमेंटTranspilerA transpiler converts source code from one language or version into another at a similar level, such as modern JavaScript or TypeScript into older JavaScript.शब्दकोश · वेब डेवलपमेंटTree ShakingTree shaking is a build optimization that removes unused exports from JavaScript modules so only the code you actually import ships to the browser.शब्दकोश · वेब डेवलपमेंटVendor PrefixA vendor prefix is a browser-specific marker, like -webkit- or -moz-, added to a CSS property while a feature is experimental and not yet standardized.शब्दकोश · वेब डेवलपमेंटViewport UnitsViewport units such as vw, vh, dvh and vmin are CSS lengths relative to the browser window size, used for full-screen sections and fluid typography.शब्दकोश · वेब डेवलपमेंटVirtual DOMThe virtual DOM is an in-memory representation of the UI that a framework compares with its previous version to apply only the necessary real DOM changes.शब्दकोश · वेब डेवलपमेंटViteVite is a front-end build tool that serves source files as native ES modules in development and bundles them with Rollup for production.शब्दकोश · वेब डेवलपमेंटVue.jsVue is a progressive JavaScript framework for building web interfaces, known for its approachable template syntax and reactive data binding.शब्दकोश · वेब डेवलपमेंटWeb App ManifestA web app manifest is a JSON file that tells browsers a site's name, icons, colors and display mode so it can be installed like an app.शब्दकोश · वेब डेवलपमेंटWeb ComponentsWeb components are a set of browser standards for creating reusable custom HTML elements with encapsulated markup, styles and behavior, without a framework.शब्दकोश · वेब डेवलपमेंटWeb FontsWeb fonts are font files that a browser downloads from a server or CDN so a page can use typefaces that are not installed on the visitor's device.शब्दकोश · वेब डेवलपमेंटWeb Push NotificationsWeb push notifications are messages a site can deliver to a user's device through the browser, even when the page is closed, after the user gives permission.शब्दकोश · वेब डेवलपमेंटWeb WorkersWeb Workers run JavaScript in background threads separate from the main thread, so heavy computation does not freeze the page's user interface.शब्दकोश · वेब डेवलपमेंटWebAssembly (Wasm)WebAssembly is a compact binary instruction format that lets code from languages like Rust, C++ and Go run in the browser at near-native speed.शब्दकोश · वेब डेवलपमेंटWebGLWebGL is a JavaScript API for rendering hardware-accelerated 2D and 3D graphics in a browser canvas using the GPU, based on OpenGL ES.शब्दकोश · वेब डेवलपमेंटwebpackwebpack is a JavaScript module bundler that follows imports from an entry file and combines code and assets into optimized files for the browser.शब्दकोश · वेब डेवलपमेंटWebSocketWebSocket is a protocol that opens a persistent two-way connection between browser and server, allowing instant messages without repeated HTTP requests.शब्दकोश · वेब डेवलपमेंटवर्डप्रेसWordPress is an open-source content management system, written in PHP with a MySQL-compatible database, that powers a large share of websites.शब्दकोश · वेब डेवलपमेंटz-indexz-index is a CSS property that controls the stacking order of positioned elements along the z-axis, deciding which overlaps which.