Tutorials covering programming languages, type systems, architecture, tooling, and the patterns used to build software that lasts. Each chapter is standalone, built around real examples and verified facts.
The LEFT JOIN returns all rows from the left table and the matching rows from the right table. When a left row has no match in the right table, the right table’s columns are filled with NULL, and the row still appears in the result. This is the behavior that distinguishes an outer join from…
A group is a parent. A peer is a sibling. The group-hover: variant applies when the nearest group is hovered, and the peer-focus: variant applies when the nearest peer is focused. The word “nearest” is the problem. When groups are nested, or when a parent has multiple peers, the nearest one is not always the…
Chapter 34 covered the object-shape utilities: Partial, Required, Readonly, Pick, Omit. This chapter covers the union utilities and the one object-construction utility: Record<K, V> builds an object type from a key type and a value type, Exclude<T, U> removes union members assignable to U, Extract<T, U> keeps only the members assignable to U, and NonNullable<T>…
A component’s content is not always a single block. A layout component has a header, a body, and a footer. A card has a title, an image, and a description. A modal has a header, a body, and the action buttons. The default slot receives one block of content, and the component decides where it…
Every HTTP request an Angular application makes can pass through a series of functions that inspect it, modify it, or handle its response. These functions are interceptors. They are the mechanism for cross-cutting concerns — authentication, logging, error handling, caching, loading indicators, retry logic — that would otherwise be duplicated in every service method. Instead…
These two media features are the cornerstones of responsive design. They let you apply styles based on the viewport’s dimensions, enabling layouts that adapt to any screen size. Overview of Features Feature Description Values height Viewport height Exact, min-height, max-height width Viewport width Exact, min-width, max-width 1. height The height media feature applies styles based…
Dart programs run on a single thread. Every line of synchronous code executes in order, one after another, on that one thread. This is simple, predictable, and fast — until the code needs to wait. A network request takes hundreds of milliseconds. A file read takes milliseconds to seconds. A timer takes however long it…
A running container is not necessarily a working container. The main process can be alive while the application inside it is wedged — a web server stuck in an infinite loop, a database accepting connections but unable to serve queries, a worker that has lost its connection to the queue. Docker’s HEALTHCHECK instruction exists to…
The Iterator interface defines a standard way to access elements of a collection one at a time. It’s the mechanism that powers for…of loops, spread syntax, and destructuring in JavaScript. A Quick Look at the Example Key idea: An iterator is an object with a next() method that returns { value, done } on each…
Fastify is built on a single architectural bet: encapsulation. Every call to register() creates a new child context, and anything a plugin adds to itself — routes, decorators, hooks — is visible to that plugin’s descendants but invisible to its siblings and ancestors . This is not a minor implementation detail. It is the mechanism…