goalkicker.com

PHP is a server-side scripting language used mainly to build dynamic websites and web applications. When a visitor requests a PHP page, the web server runs the PHP code first, then sends the resulting HTML to the browser. You would use PHP when a page needs to change based on user input, stored data, or a database — for example, a login form, a product listing, or a contact form that saves messages. You don't need PHP for a purely static site.

How PHP actually runs

PHP is not executed by the browser. It runs on the web server, which means visitors never see your PHP source code — only the output it produces.

A typical request works like this:

1. The browser requests a URL such as example.com/greet.php.
2. The web server (commonly Apache) recognizes the .php extension and hands the file to the PHP interpreter.
3. PHP executes the code, which may read a database, check a session, or process form data.
4. PHP outputs HTML (or JSON, or an image), and the server sends that output back to the browser.

This is the key difference from JavaScript: JavaScript runs in the browser after the page arrives, while PHP runs on the server before the page is sent.

Common things PHP is used for

• Generating dynamic pages — inserting different content depending on the user, the time, or the URL.
• Handling form submissions — receiving data from an HTML form, validating it, and responding.
• Connecting to databases — reading and writing records in MariaDB or MySQL, which is how most PHP applications store users, posts, and orders.
• Managing sessions and cookies — keeping a user logged in across multiple pages.
• Building APIs — returning JSON so a front-end or mobile app can fetch data.
• Content management systems — WordPress, a widely used CMS, is written in PHP.

A minimal PHP example

<?php
$name = "World";
echo "Hello, " . $name . "!";
?>

When the server runs this, the browser receives only:

Hello, World!

The <?php ... ?> tags mark where PHP code begins and ends. echo sends output to the page. Variables start with $. You can mix PHP blocks with regular HTML in the same file, which is why PHP is convenient for templating.

How PHP fits with Apache and MariaDB

PHP rarely works alone. In a typical stack:

This combination is often called a LAMP-style stack (Linux, Apache, MySQL/MariaDB, PHP), with variations across operating systems.

Getting started locally with XAMPP

To run PHP on your own machine without configuring each piece separately, you can use an integrated package. XAMPP is one option: according to Apache Friends, it is "a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl," and it is described as a popular PHP development environment.

The general setup path:

1. Download the XAMPP installer for your operating system (Windows, Linux, or OS X versions are listed on the site).
2. Run the installer and start the Apache and MySQL/MariaDB modules from the control panel.
3. Place your .php files in the web root directory (commonly htdocs).
4. Open a browser and visit localhost followed by your file path, such as localhost/greet.php.
5. Verify it worked: if you see "Hello, World!" instead of the raw code, PHP is executing correctly.

Common snags: if the browser shows the PHP source code as plain text, the file likely isn't being processed by PHP — check the file extension and that Apache is running. If the page won't load at all, confirm the server is started and the port isn't already in use.

Where PHP is used today

PHP remains widely deployed because it is easy to host, has extensive documentation, and powers a large share of existing websites and CMS platforms. It is a practical choice when you want to build server-rendered web pages, work with an existing PHP codebase, or use a PHP-based CMS. If your goal is a purely static site or a browser-only interface, PHP may be unnecessary.

To decide whether to learn it: choose PHP if you want to build or maintain dynamic, database-driven websites and value a large hosting ecosystem. If you only need client-side interactivity, JavaScript alone may cover your needs.

CSS (Cascading Style Sheets) is the language that controls how a web page looks and how its content is laid out. HTML defines what the content is (headings, paragraphs, links, images), while CSS defines how that content appears — colors, fonts, spacing, sizing, and where each element sits on the screen. You use CSS any time you want a page to look intentional rather than like a plain document of stacked text.

The three roles: structure, presentation, behavior

A useful way to keep web technologies straight is to separate them by job:

CSS is not a programming language in the sense of loops and logic — it is a declarative style language. You describe the result you want, and the browser figures out how to apply it.

How a CSS rule is written

A CSS rule has two parts: a selector that picks which elements to style, and a declaration block that lists the styles to apply.

/* selector: p  |  declarations inside { } */
p {
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1em;
}

• p is the selector — it targets every <p> element.
• color, font-size, line-height, margin-bottom are properties.
• #333333, 16px, 1.5, 1em are the values.
• Each property–value pair ends with a semicolon; the whole block is wrapped in { }.

The word cascading in the name refers to how the browser resolves conflicts: when multiple rules target the same element, it follows priority rules (origin, specificity, and source order) to decide which one wins. That is why a later rule or a more specific selector can override an earlier one.

What CSS is commonly used for

• Color and typography — text color, background color, font family, size, weight, and line spacing.
• Spacing and sizing — margins, padding, width, height, and gaps between elements.
• Layout — arranging elements in rows, columns, grids, or flexible containers (Flexbox and Grid are the modern layout systems).
• Responsive design — changing the layout based on screen size using media queries, so a page works on both phones and desktops.
• Visual states — hover, focus, and active styles for links and buttons.
• Borders, shadows, and rounded corners — the decorative details that shape a page's look.

Three ways to attach CSS to HTML

1. External stylesheet (most common) — a separate .css file linked from the HTML <head>:

   <link rel="stylesheet" href="styles.css">
   

   This is preferred because one file can style an entire site, and the browser can cache it.

2. Internal stylesheet — a <style> block inside the HTML <head>. Useful for a single page or quick testing.

3. Inline styles — a style attribute directly on an element, such as <p style="color: red;">. It applies to that one element only and is hard to maintain at scale, so it is generally reserved for one-off cases.

How CSS fits with the rest of a page

When a browser loads a page, it reads the HTML to build the document structure, then applies the CSS to compute how each element should be displayed, and finally paints the result. JavaScript can run alongside this to change styles dynamically — for example, adding a class that CSS has already defined. This separation is why the same HTML can be restyled completely by swapping stylesheets, and why CSS is one of the three core technologies of the web alongside HTML and JavaScript.

Lerna is a build system for managing and publishing multiple JavaScript or TypeScript packages from a single repository. It fits teams that keep several interdependent packages together and need coordinated versioning, publishing, and task running. If you only have one package, or your packages never share code or releases, Lerna adds overhead without much benefit.

The core problem Lerna solves

A monorepo puts many packages in one repository. That makes sharing code easy, but it creates coordination work:

• Which packages changed since the last release?
• What version should each changed package get?
• In what order should packages be published so dependencies exist first?
• How do you run a build or test across all packages without doing it manually?

Lerna addresses these by understanding the dependency graph between your packages and acting on it.

How Lerna manages a monorepo

Versioning

Lerna tracks which packages changed and updates their versions together or independently. It supports two common modes:

• Fixed mode: all packages share one version number and are released together.
• Independent mode: each package gets its own version, so you can release only what changed.

The choice matters. Fixed mode is simpler and suits tightly coupled packages. Independent mode gives finer control but requires more discipline.

Publishing

When you publish, Lerna determines the correct order based on inter-package dependencies, so a package that depends on another is published after its dependency. It can also create git tags and update changelogs as part of the release.

Running tasks across packages

Lerna can run a command (build, test, lint) across multiple packages, and it can scope that to only the packages affected by recent changes. This is the part that saves the most time in large repos, because you avoid rebuilding everything on every change.

Lerna and Nx

Lerna is now part of the Nx ecosystem. The relationship matters when you choose tooling:

• Lerna handles the monorepo versioning and publishing workflow.
• Nx provides the broader task running, caching, and project graph capabilities.

In practice, Lerna can use Nx under the hood for task execution and caching. If you already use Nx, Lerna fits as the release layer. If you only need publishing and versioning, Lerna can stand alone.

Lerna vs. plain npm/yarn workspaces

Workspaces solve dependency linking. Lerna solves the release and task-orchestration layer on top. Many projects use both: workspaces for installation, Lerna for versioning and publishing.

When Lerna is the right choice

Consider Lerna when:

• You maintain multiple packages that depend on each other.
• You need repeatable, ordered releases rather than manual npm publish per package.
• You want to run builds or tests only for packages affected by a change.
• You are already in or moving toward the Nx ecosystem.

Look elsewhere when:

• You have a single package.
• Your packages are released independently by different teams with no shared release process.
• You only need local linking and never publish.

Where to start

Begin with the Lerna documentation at lerna.js.org. The typical first steps are initializing Lerna in an existing repository, defining your package locations, and choosing fixed or independent versioning before your first release. Getting the versioning mode right early avoids a painful migration later.

HTML5 is the current standard version of HTML, the markup language that gives a web page its structure and meaning. It replaced the older HTML4 and XHTML markup with a set of semantic elements, native media support, and APIs that let you build responsive websites and mobile-friendly web apps without third-party plugins. You should use it for any new web project; the only real constraint is how far back you need to support very old browsers, which is handled with fallbacks rather than by avoiding HTML5.

HTML5 in one sentence

HTML5 is not a single feature or a framework. It is the umbrella term for the modern HTML specification plus the browser APIs that ship alongside it. When people say "build it in HTML5," they usually mean: use semantic markup, use native <audio> and <video> instead of a plugin, and lean on HTML5 APIs for things like drawing, storage, and form validation.

What HTML5 added over HTML4 and XHTML

The practical differences fall into four groups.

Semantic structure

HTML4 pages were built almost entirely from <div> elements with class names. HTML5 introduced elements that describe what a region is, not just how it looks:

• <header>, <footer>, <nav>, <main>, <section>, <article>, <aside>, <figure>

This matters for accessibility (screen readers can navigate by landmark), for SEO (search engines can identify the main content), and for maintainability (the markup reads like an outline).

Native media

Before HTML5, playing audio or video in a browser generally required a plugin such as Flash. HTML5 added <audio> and <video> as first-class elements, with <source> for multiple formats and a JavaScript media API for play, pause, and playback control. This is the single biggest reason HTML5 is associated with mobile: plugins were never viable on phones.

Canvas, SVG, and graphics

The <canvas> element gives you a scriptable bitmap drawing surface for charts, games, image editing, and data visualization. SVG (Scalable Vector Graphics) covers resolution-independent vector graphics. Both work inline in HTML5 documents.

Forms and input types

HTML5 added input types and attributes that browsers can validate and render with appropriate keyboards:

How HTML5, CSS, and JavaScript divide the work

A common misconception is that HTML5 alone produces a modern site. It does not. The three layers have distinct jobs:

• HTML5 — structure and meaning: what each piece of content is.
• CSS — presentation: layout, typography, color, and the media queries that make a design responsive.
• JavaScript — behavior: interactivity, data fetching, and the HTML5 APIs such as Canvas, Geolocation, Local Storage, and drag-and-drop.

Responsive design is a CSS technique (fluid grids, flexible images, media queries) applied to HTML5 markup. HTML5 makes it possible to build a mobile-friendly web app; CSS and JavaScript make it work.

Common misconceptions

• "HTML5 is a framework." It is a specification. Frameworks like React or Angular are JavaScript tools that output HTML.
• "HTML5 replaced Flash by itself." It provided the native alternatives (video, audio, canvas, animation via CSS/JS) that made Flash unnecessary, but the transition also depended on browsers implementing those features.
• "HTML5 is one thing you either have or don't." Browser support is feature-by-feature. A browser may support <video> but not a newer input type.
• "You need a special HTML5 doctype and nothing else changes." The doctype <!DOCTYPE html> is simpler than the old XHTML declarations, but the real changes are in the elements and APIs you use.

Checking browser support and choosing fallbacks

Support varies by feature, not by "HTML5" as a whole. The working method:

1. Identify the specific feature you need (for example, <video> with a particular codec, or type="date").
2. Check current support data for that feature on a resource such as Can I Use or MDN's browser compatibility tables.
3. Decide your support floor — which browsers and versions you must serve.
4. Add a fallback only where the floor requires it.

Typical fallbacks:

• Video/audio: provide multiple <source> formats, and text content inside the element for browsers that cannot play it.
• New input types: browsers that do not recognize type="date" fall back to a text input, so pair it with server-side validation.
• Semantic elements in very old browsers: these render as unknown inline elements; a small CSS rule (header, nav, section, article, footer { display: block; }) fixes layout.
• Canvas: include fallback content between the opening and closing tags.

A minimal starting point

A valid HTML5 page needs very little:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Page title</title>
</head>
<body>
  <header>
    <nav aria-label="Main">...</nav>
  </header>
  <main>
    <article>
      <h1>Heading</h1>
      <p>Content.</p>
    </article>
  </main>
  <footer>...</footer>
</body>
</html>

The viewport meta tag is what makes the page scale correctly on phones; without it, a responsive layout will not behave as intended on mobile.

How to decide

Use HTML5 for any new site or web app — there is no competing current standard. The decision is not whether to use it but which features you can rely on given your audience's browsers, and where you need a fallback. If you are rebuilding an older HTML4 or XHTML site, the migration is mostly mechanical: swap the doctype, replace layout <div>s with semantic elements where they genuinely describe the content, and replace plugin-based media with native elements.

ViaVersion is a protocol translator for Minecraft: Java Edition. It sits between the client and the server and rewrites network packets so that a client running one Minecraft version can join a server running a different one. According to the ViaVersion Project, its software supports "all common platforms and our own standalone proxy to join from basically any client version on any server version from the past decade." You need it when you run a server and want players on older or newer Java Edition clients to connect without asking everyone to match versions exactly.

The core problem it solves

Minecraft: Java Edition changes its network protocol with most updates. A vanilla server only accepts clients speaking its own protocol version, so after an update, players who haven't updated (or who deliberately stay on an older version) get a version-mismatch error and can't join. The ViaVersion homepage frames this directly with the heading "Why Lose Players After a Minecraft Update?" — the project exists so a server update doesn't cut off part of your player base.

How the translation works

The mechanism is packet-level translation, not a game-content mod:

1. A client connects and reports its protocol version.
2. ViaVersion intercepts the packets flowing between client and server.
3. It converts packet formats, IDs, and data structures from the client's version into what the server expects, and back again for outbound traffic.
4. The server sees a compatible client, and the client sees a compatible server.

Because this happens at the protocol layer, the server software itself doesn't need to be rewritten. That's why the same project can ship as plugins, mods, and a standalone proxy rather than one single build.

What "any version on any version" means in practice

The project describes support for client and server versions spanning roughly the past decade. In practice this means:

• A player on an older client can join a server running a newer version.
• A player on a newer client can join a server still running an older version.
• You don't have to force every player onto one exact version to play together.

Exact version coverage shifts as Minecraft releases new updates, so check the current documentation rather than assuming a specific pair of versions is supported.

What software is included

ViaVersion is an umbrella project, not a single download. The site lists several categories:

The project was founded in 2016 by FormallyMyles and has been maintained by a team of developers since. It also publishes Javadocs, a repository, a Jenkins CI instance, and community spaces on Discord, GitHub, Hangar, and Modrinth.

Do you actually need it?

Use this as a quick decision guide:

• You run a server and players are on mixed versions → you likely want ViaVersion, installed as the plugin, mod, or proxy that matches your platform.
• You run a server where everyone is already on the same version → you don't need it for compatibility, though it can still help absorb future updates.
• You're a player on a server you don't control → you can't install it yourself; the server owner decides. Your options are updating, downgrading, or using a client-side solution the server supports.
• You want to connect across versions without a specific server platform → the standalone proxy is the relevant piece.

The first real decision is your server platform, because that determines whether you install a plugin, a mod, or run the proxy.

Getting started

The homepage points to an installation guide for people who "don't know where to start." The general flow is:

1. Identify your server platform and the Minecraft version it runs.
2. Pick the matching ViaVersion component (plugin, mod, or proxy).
3. Follow the official setup instructions for that component.
4. Start the server and confirm it loads without errors.
5. Test by connecting with a client on a different version than the server.

Verification: the clearest success signal is a client on a mismatched version reaching the server without a version-mismatch disconnect. If it fails, the version pair you're testing may simply not be covered, or the component may not match your platform.

Common sticking points

• Wrong component for your platform. A plugin won't help a setup that needs the proxy, and vice versa.
• Assuming every version pair works. Coverage is broad but not infinite; confirm your specific versions in the docs.
• Expecting content parity. Protocol translation handles connectivity. Features that don't exist in an older client version still won't appear there.
• Skipping the setup guide. The project maintains its own installation documentation, which is the authoritative source over third-party tutorials.

Where to get help

If something breaks, the project's own channels are the place to look: the documentation, the GitHub repository for issues and pull requests, and the community Discord. The team also states it welcomes contributions via pull requests, donations, and services, and lists Javadocs, Jenkins CI, Hangar, and Modrinth as part of its infrastructure.