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.
Conditional rendering is the practice of choosing what to render based on the application’s state. React components are functions, and JavaScript’s control flow is available inside them. The if statement, the ternary operator, the logical && operator, and the switch statement are all valid ways to decide what a component returns. The choice between them…
Rust has three kinds of structs, and two of them are frequently overlooked. The named-field struct is the common case: fields with names, accessed by name, used for domain modeling. The tuple struct and the unit-like struct are the specialized forms. A tuple struct has fields without names, accessed by position, and it is the…
The comparison operators test exact values. The IN operator tests set membership. The LIKE operator tests a pattern. It answers the question “Does this string match this pattern?” The pattern uses wildcards — special characters that match any sequence or any single character. The LIKE operator is the tool for text search in SQL: finding…
Background color is one of the most frequently used utilities in Tailwind, and it is also the one where v4 made the most significant internal change. In v3, applying opacity to a background required two classes: a color utility and a separate opacity utility like bg-opacity-50. In v4, the opacity is part of the color…
Access modifiers control who can read and write a class member. TypeScript adds four: public, private, protected, and readonly. They’re compile-time checks — the compiler refuses to compile code that violates the rules. But they’re not runtime enforcement: private and protected can be bypassed with as any, and readonly is only enforced at the type…
A ref is a reactive object with a .value property. In the template, the .value is invisible: {{ count }} reads the ref’s value, and @click=”count++” writes to it. In the script, the .value is required: count.value is the only way to read or write the ref. This asymmetry is deliberate, but it has edge…
For most of Angular’s history, dependencies came in through the constructor — constructor(private userService: UserService). It works, it’s explicit, and it’s still supported. But it has friction: subclasses must forward constructor parameters, factory functions can’t use it, and signal-based code doesn’t fit naturally. The inject() function, introduced in Angular 14, changes the model. Instead of…
These four properties give you precise control over where grid items are placed and how many tracks they span. They are the individual longhand properties that grid-area and grid-row/grid-column shorthand properties are based on. Overview of Properties Property Description grid-row-start Specifies where a grid item starts within a row grid-row-end Specifies where a grid item…
Every language has a way of saying “this is not for you.” In Java, it is the private keyword. In Python, it is a naming convention with underscores. In Dart, it is a single leading underscore. There is no private keyword, no protected, no public. An identifier that starts with _ is private to the…
A Docker image built without a strategy becomes an archaeological record of everything that went into producing it. The compiler, the development dependencies, the source code, the package manager caches—all of it remains in the final artifact, even though the running container needs none of it. A straightforward Node.js or Java build easily reaches 1.2…