The wiki · page 23 of 25

The reference desk for winning online.

Evergreen guides — kept current, backed by our own scan data, written in plain talk. Every article opens with the answer, not a preamble.

17 — Web Dev

What Is a Package Manager?

A package manager is a tool that automatically installs, updates, and manages the reusable code libraries — called packages or dependencies — that a software project relies on. Instead of manually downloading and tracking dozens of libraries, developers list what they need and the package manager fetches the right versions, resolves what those libraries themselves depend on, and keeps everything consistent. In web development, npm, yarn, and pnpm manage JavaScript packages, while Composer handles PHP and pip handles Python. They make modern development faster and far easier to maintain.

UPDATED 2026-07-10 · READ →

What Is npm?

npm is the default package manager for Node.js and the world's largest software registry. It has two parts: a public registry hosting over two million open-source JavaScript packages, and a command-line tool that installs, updates, and manages those packages inside a project. When you run npm install, it downloads the libraries your code depends on, records them in package.json, and locks exact versions in package-lock.json so every environment builds identically.

UPDATED 2026-07-10 · READ →

What Is an Environment Variable?

An environment variable is a named value stored outside your application's code, in the operating system or hosting platform, that the app reads at runtime. Developers use them to hold configuration and secrets: database passwords, API keys, and settings that change between a developer's laptop, a staging server, and production. Keeping these values out of the source code means secrets never get committed to a repository, and the same codebase can behave differently in each environment simply by changing the variables around it.

UPDATED 2026-07-10 · READ →

What Is an SDK?

An SDK, or software development kit, is a bundle of tools, libraries, code samples, and documentation that helps developers build software for a specific platform or service. Instead of writing everything from scratch to work with, say, Stripe payments or the iOS operating system, you install that provider's SDK and call its ready-made functions. An SDK usually wraps an underlying API, adding convenience code, helper methods, and examples so developers integrate faster and make fewer mistakes.

UPDATED 2026-07-10 · READ →

Library vs Framework: What's the Difference?

A library and a framework are both collections of reusable code, but they differ in control. When you use a library, your code is in charge: you call the library's functions when you need them, like reaching for a tool. A framework reverses this: it provides the overall structure and calls your code at the right moments, so you fill in the blanks within its rules. This idea, called inversion of control, is the practical dividing line: you call a library, but a framework calls you.

UPDATED 2026-07-10 · READ →

What Is a Monorepo?

A monorepo is a single version-control repository that holds the code for many projects, multiple apps, shared libraries, and services, instead of splitting each into its own separate repository. Teams like Google and Meta use monorepos so related projects can share code, tooling, and a single history, making cross-project changes easier to coordinate. The opposite pattern, called polyrepo, gives each project its own repository. A monorepo is not one giant tangled application; it's one repository containing many clearly separated projects.

UPDATED 2026-07-10 · READ →

What Is WebAssembly?

WebAssembly, often shortened to Wasm, is a low-level binary instruction format that runs in web browsers at near-native speed. It lets code written in languages like C, C++, and Rust be compiled to a compact format the browser executes far faster than typical JavaScript for heavy tasks. WebAssembly does not replace JavaScript; it runs alongside it, handling performance-critical work like video editing, games, 3D rendering, and complex calculations. It's a W3C standard supported by all major browsers, so no plugins are needed.

UPDATED 2026-07-10 · READ →

What Is the DOM?

The DOM, or Document Object Model, is the browser's live, in-memory representation of a web page. When a browser loads HTML, it parses the markup into a tree of objects, one node per element, like headings, paragraphs, and links, that JavaScript can read and change. The DOM is what makes pages interactive: scripts add, remove, or update elements through it, and the browser instantly reflects those changes on screen. It is not the HTML file itself but the structured, programmable version the browser builds from it.

UPDATED 2026-07-10 · READ →

What Is the Virtual DOM?

The virtual DOM is a lightweight, in-memory copy of a page's real DOM that some JavaScript libraries, most famously React, use to update the interface efficiently. Instead of changing the real DOM directly for every update, which can be slow, the library builds a new virtual copy, compares it to the previous one to find exactly what changed, and applies only those minimal changes to the real DOM. This process, called reconciliation, lets developers write simple code while the library handles efficient updates.

UPDATED 2026-07-10 · READ →

What Is AJAX?

AJAX, short for Asynchronous JavaScript and XML, is a technique for updating part of a web page by exchanging data with a server in the background, without reloading the whole page. When you type in a search box and see instant suggestions, or a feed loads more posts as you scroll, that's AJAX at work. JavaScript sends a request, the server responds with data, today usually JSON rather than XML, and the script updates just the relevant part of the page, making the web feel responsive and app-like.

UPDATED 2026-07-10 · READ →

What Is Hydration in Web Development?

Hydration is the process where JavaScript attaches interactivity to HTML that a server already rendered. When a page is server-rendered, the browser first shows static HTML that looks complete but cannot respond to clicks or typing. Hydration is the step where the framework's JavaScript loads, walks the existing HTML, and wires up event handlers and state so the page becomes fully interactive. The gap between seeing the page and being able to use it, plus hydration's processing cost, is why hydration performance matters for speed and Core Web Vitals.

UPDATED 2026-07-10 · READ →

What Are CSS Variables?

CSS variables, called custom properties, are named values you define once in your stylesheet and reuse it. You declare one with a double-dash name, like --color-primary: #1A73E8, and apply it anywhere with the var() function, such as color: var(--color-primary). Because the value lives in one place, changing it updates every rule that references it. Unlike preprocessor variables, CSS variables are live in the browser, so they can be read and changed with JavaScript and cascade through the page, making them ideal for theming, dark mode, and maintainable stylesheets.

UPDATED 2026-07-10 · READ →

What Is a Media Query?

A media query is a CSS feature that applies styles only when conditions about the device or viewport are true, most commonly the screen's width. Written with the @media rule, it lets one stylesheet adapt a page to phones, tablets, and desktops, for example switching a three-column layout to a single column below a set width. Media queries are the mechanism behind responsive web design: instead of building separate mobile and desktop sites, you write conditional style blocks that reshape the same page to fit whatever screen is viewing it.

UPDATED 2026-07-10 · READ →

What Is a CSS Framework?

A CSS framework is a prebuilt collection of styles and conventions that gives developers a ready-made starting point for designing web pages, so they don't have to write common CSS from scratch. Frameworks like Bootstrap supply styled components, buttons, forms, navigation, and a responsive grid, while utility frameworks like Tailwind CSS provide single-purpose classes you combine to build any design. They speed up development and enforce consistency, but add page weight and can make sites look generic, so the choice depends on the project's design needs and the team's skills.

UPDATED 2026-07-10 · READ →

What Is Semantic HTML?

Semantic HTML means using HTML elements according to their meaning rather than just their appearance, choosing tags that describe the role of the content they contain. Elements like header, nav, main, article, section, and footer clearly convey structure, while heading tags h1 to h6 signal a document outline. This is different from wrapping everything in generic div and span tags styled to look right. Semantic markup helps browsers, search engines, and assistive technologies understand a page, which improves accessibility, SEO, and long-term maintainability at essentially no extra cost.

UPDATED 2026-07-10 · READ →

What Is a Polyfill?

A polyfill is a piece of JavaScript that adds a modern browser feature to older browsers that lack it, so your code can use that feature everywhere. It detects whether the native capability exists and, if not, supplies a substitute written in code the older browser already understands. The name comes from a filler paste: a polyfill fills the gaps in browser support. Developers use polyfills to write with current standards while still serving visitors on outdated browsers, keeping a single codebase working across old and new.

UPDATED 2026-07-10 · READ →

What Is Transpiling?

Transpiling is the process of converting source code written in one version or language into an equivalent version that browsers can run. In web development it usually means turning modern JavaScript or TypeScript into older JavaScript that all browsers understand. Tools like Babel and the TypeScript compiler do this automatically during a build step. Transpiling lets developers write with the newest, cleanest syntax while still shipping code that works on older browsers. The word blends translate and compile.

UPDATED 2026-07-10 · READ →

What Is a Linter?

A linter is a tool that automatically scans source code for errors, bugs, style problems, and risky patterns before the code runs. It reads your code against a set of rules and flags anything suspicious, from an undefined variable to inconsistent formatting, often as you type in the editor. Linters keep a codebase consistent, catch mistakes early, and enforce team conventions without manual review. Popular examples include ESLint for JavaScript and Stylelint for CSS. The name comes from an early Unix tool called lint that flagged flaws in C code.

UPDATED 2026-07-10 · READ →

What Is a Pull Request?

A pull request is a proposal to merge a set of code changes into a shared project, submitted for review before it is accepted. A developer works on their changes separately, then opens a pull request asking teammates to review, discuss, and approve the work before it becomes part of the main codebase. It is the standard way teams using Git and platforms like GitHub or GitLab ship changes safely, with oversight, automated tests, and a written record. The term is sometimes called a merge request on GitLab.

UPDATED 2026-07-10 · READ →

What Is an Error Log?

An error log is a file or system that automatically records details about problems a website or server encounters, such as crashes, failed requests, and code errors. Each entry notes what went wrong, when it happened, and where in the code, giving developers the evidence to diagnose and fix issues. Error logs are essential for troubleshooting downtime, tracking recurring bugs, and understanding why a site misbehaves for some visitors. They run quietly in the background, capturing problems even when no one is watching.

UPDATED 2026-07-10 · READ →

18 — Pricing & Budgeting

How Much Does an E-commerce Website Cost in 2026?

An e-commerce website in 2026 typically costs a small business $2,000 to $15,000 to build, though prices span from under $500 for a self-built Shopify or WooCommerce store to $50,000 or more for a fully custom platform. The total depends on product count, design complexity, integrations, and whether you hire a freelancer or an agency. Beyond the build, budget for ongoing hosting, payment processing fees, apps, and maintenance. Many stores spend more over their lifetime on monthly tools than on the original build.

UPDATED 2026-07-10 · READ →

How Much Does a WordPress Website Cost in 2026?

A WordPress website in 2026 typically costs a small business $1,000 to $10,000 to build, ranging from about $200 for a self-built theme site to $30,000 or more for a custom design with advanced functionality. WordPress software itself is free and open source; you pay for hosting, a theme or custom design, plugins, and the labor to assemble it. Ongoing costs include hosting, premium plugin licenses, and maintenance. The single biggest variable is whether you use an off-the-shelf theme or commission a bespoke design and custom features.

UPDATED 2026-07-10 · READ →

How Much Does Shopify Cost in 2026?

Shopify in 2026 starts around $39 per month on its Basic plan, with mid and advanced tiers running roughly $105 and $399 monthly, plus a discounted Starter option and an enterprise Plus tier priced by quote. On top of the subscription you pay payment processing fees, and Shopify charges an extra transaction fee if you use a third-party gateway instead of Shopify Payments. Real total cost also includes paid themes, apps, and a domain, so most stores spend more than the base subscription alone once fully set up.

UPDATED 2026-07-10 · READ →

How Much Does Custom Web Design Cost in 2026?

Custom web design in 2026 typically costs a small business $5,000 to $30,000, versus a few hundred to a couple thousand dollars for a template-based site. Custom means the design is created specifically for your brand rather than adapted from a stock theme, so you pay for research, wireframes, visual design, and bespoke development. Price scales with page count, complexity, interactivity, and the agency's tier. Freelancers and boutique studios sit at the lower end, while established agencies and enterprise work reach $50,000 or more.

UPDATED 2026-07-10 · READ →

How Much Does a Landing Page Cost in 2026?

A single landing page in 2026 typically costs $300 to $3,000, ranging from near-free with a DIY builder to $5,000 or more for a conversion-optimized agency page with copywriting and testing. A landing page is one focused page built to drive a specific action, so pricing reflects design, copy, and any tracking or A/B testing rather than a whole site. Freelancers sit in the middle, while agencies charge more because they include strategy, persuasive copywriting, and conversion analysis.

UPDATED 2026-07-10 · READ →

How Much Does Web App Development Cost in 2026?

Custom web app development in 2026 typically costs $15,000 to $150,000 or more, with a basic MVP often landing between $15,000 and $50,000 and complex, feature-rich platforms exceeding $200,000. A web app is interactive software that runs in a browser, so unlike a brochure website you pay for backend logic, databases, user accounts, and testing. Price scales with feature count, integrations, security needs, and team size and location. Ongoing costs for hosting, maintenance, and support are significant and recurring.

UPDATED 2026-07-10 · READ →

How Much Does Mobile App Development Cost in 2026?

Mobile app development in 2026 typically costs $20,000 to $150,000 or more, with a simple MVP often between $20,000 and $60,000 and complex apps exceeding $250,000. A mobile app is software for iOS, Android, or both, so cost depends on which platforms you target, whether you build native or cross-platform, feature complexity, and backend needs. Building for both platforms natively roughly doubles some work versus a single cross-platform codebase. Ongoing costs, including app store fees, hosting, updates, and support, are significant and recurring.

UPDATED 2026-07-10 · READ →

How Much Does a Website Redesign Cost in 2026?

A website redesign in 2026 typically costs a small business $3,000 to $25,000, less than a full ground-up build in some cases but more when it involves new features, migration, or a large page count. A redesign updates an existing site's look, structure, and often its platform, so cost depends on how much changes: a visual refresh is far cheaper than a complete rebuild with new content and functionality. Price scales with page count, whether you keep or replace the platform, and the depth of strategy involved.

UPDATED 2026-07-10 · READ →

How Much Does Website Maintenance Cost in 2026?

Website maintenance in 2026 typically costs a small business $30 to $500 per month, depending on the site's size, platform, and how much support is included. Maintenance covers the ongoing work of keeping a site secure, updated, backed up, and working: software updates, security monitoring, backups, uptime checks, and small content changes. Simple sites on a basic care plan sit at the low end, while larger or e-commerce sites needing frequent updates and priority support cost more.

UPDATED 2026-07-10 · READ →

How Much Does Web Hosting Cost in 2026?

Web hosting in 2026 typically costs $3 to $100 per month for most small businesses, ranging from a few dollars for basic shared hosting to several hundred dollars monthly for cloud or dedicated servers. Hosting is the server space where your website's files live so visitors can reach them, and price depends on the type: shared, VPS, cloud, managed, or dedicated. Cheap shared plans suit low-traffic sites, while managed and cloud hosting cost more but add speed, reliability, and support.

UPDATED 2026-07-10 · READ →

Looking for news, case studies, and opinion pieces? That's the blog →