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.
TypeScript ships a set of utility types — pre-built type transformations that solve common problems. The five in this chapter are the ones you’ll use daily: Partial<T> makes every property optional, Required<T> makes them required, Readonly<T> makes them read-only, Pick<T, K> selects a subset of properties, and Omit<T, K> removes a subset. Each is a…
A component’s template defines its structure, but not all of its content. A button defines the <button> element, but the text inside comes from the parent. A card defines the border, the shadow, and the padding, but the content — the title, the body, the footer — comes from the parent. The <slot> element is…
Most front-end applications exist to communicate with a server. Fetching user data, submitting forms, loading configuration, uploading files — these are the operations that turn a static interface into a working application. Angular provides HttpClient for this purpose, a service built on the browser’s native fetch API (with XMLHttpRequest as an option) that wraps HTTP…
These two media features let you adapt styles for accessibility (high-contrast mode) and legacy devices (grid-based screens). Overview of Features Feature Description Values forced-colors Detects forced colors mode (e.g., Windows High Contrast) none, active grid Detects if the device uses a grid-based screen 0, 1 1. forced-colors The forced-colors media feature detects when the user…
A loop is a sequence of instructions. A functional iteration is a transformation of a collection. The difference is not just style; it is what the code expresses. A for loop says “do this to each element.” A map says “this collection becomes that collection.” The functional operations—map, where, fold, reduce, expand—are the methods on…
A published port is a promise. The container’s application listens on a port inside its own network namespace, and the host promises that a connection to a specific host port will reach it. The mechanism behind that promise is a set of iptables rules in the host’s NAT table, a connection-tracking system, and—for the traffic…
Polymorphism means “many forms” — it’s the ability of different classes to respond to the same method call in their own way. It’s one of the four pillars of object-oriented programming (along with encapsulation, inheritance, and abstraction). A Quick Look at the Example Key idea: animal.speak() looks identical for every animal, but produces a different…
Fastify is a web framework for Node.js that was engineered around a single principle: add as little overhead as possible on top of the runtime. Where Express builds its abstraction from a middleware chain that grows with every plugin, Fastify builds a graph of encapsulated plugins, each with its own scope, and it compiles the…
A custom hook is a function whose name starts with use and that calls other hooks. That is the entire definition. There is no special syntax, no registration, no framework API. A custom hook is a function that extracts component logic into a reusable unit. The logic inside it is the same hooks—useState, useEffect, useRef,…
The Result<T, E> carries an error type. The error type can be a String, a library error like io::Error, or a custom type the application defines. A custom error type is the tool for the applications that have their own failure modes: a validation failure, a configuration failure, a domain-specific failure that the standard library…