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.
A pseudo-class is a selector that matches an element based on its state or its relationship to other elements. The :hover pseudo-class matches when the pointer is over the element. The :focus pseudo-class matches when the element has keyboard focus. Tailwind exposes these as variants: a prefix that applies a utility only when the state…
A mapped type transforms an existing type by iterating over its keys and producing a new type for each one. It’s how TypeScript’s built-in utilities like Partial<T>, Required<T>, Readonly<T>, and Pick<T, K> are implemented — and how you write your own transformations. Mapped types take the keys of one type, apply a rule to each,…
Props flow down from parent to child. Events flow up from child to parent. When a child component needs to tell its parent that something happened — a button was clicked, a value changed, a form was submitted — it emits an event. The parent listens for that event and reacts. This is the second…
Template-driven forms are Angular’s declarative approach to handling user input. Instead of building the form model in the component class, you define the structure and validation directly in the template using directives. The NgModel directive creates and manages the underlying FormControl instances, and two-way data binding with [(ngModel)] keeps the view and component model synchronized….
These two media features let you detect the input capabilities of a user’s device — whether they have a mouse that can hover, a touch screen, or both. This is crucial for creating interfaces that work well across all device types. Overview of Features Feature Description Values any-hover Detects if any pointing device can hover…
Generics are Dart’s mechanism for writing code that works with a type without knowing what the type is. A List is a list of something, and the something is a type parameter. A Map is a map from one type to another. The framework’s collections are generic, and the pattern extends to any class, method,…
A container’s network is not one thing. It is a namespace, a set of interfaces, a routing table, and a driver that constructs all three. The driver determines whether the container is isolated, shares the host’s network, or appears as a physical device on the LAN. The choice of driver is the choice of how…
HTML 1 IntroductionHTML 2 ElementsHTML 3 HeadingsHTML 4 Paragraph, Preformatted text and Line BreakHTML 5 b, strong, i, em, mark elementsHTML 6 del, ins, sub, sup elementsHTML 7 blockquote, q, abbr, address, cite, dbo elementsHTML 8 Comments and anchor element in HTMLHTML 9 img, map and area elements in HTMLHTML 10 picture, source element and…
In JavaScript, classes were introduced in ES6 (ECMAScript 2015) to provide a more familiar and concise syntax for creating objects and handling inheritance compared to the traditional prototype-based approach. Classes in JavaScript are syntactic sugar over JavaScript’s existing prototype-based inheritance. A Quick Look at the Example What is Class Notation? Class notation is the modern…
Express is a routing and middleware web framework with minimal functionality of its own. An Express application is essentially a series of middleware function calls. The framework provides a small set of built-in middleware, and a large ecosystem of third-party middleware extends the framework for the common tasks: security, logging, compression, cookies, and CORS. Knowing…