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.
JavaScript was designed for text. Its strings are sequences of UTF-16 code units, its numbers are 64-bit floats, and its arrays are flexible collections that can hold anything. None of these types is suitable for binary data. When Node.js needs to read a file, receive a network packet, or generate a cryptographic hash, it works…
Publishing a package to the npm registry is a single command, but the result depends on a decision made before the command runs: is the package scoped or unscoped, and is the account paid or free? The npm publish command reads the package name in package.json and applies a default access level based on whether…
Objects in React state are updated by replacement, not by mutation. An object held in state is treated as immutable: when a change is needed, a new object is created with the changed property and the remaining properties copied from the old one. React compares the old and new references to detect the change, and…
A slice is a reference to a contiguous sequence of elements within a collection. It is not the collection itself; it is a view into it. Rust has two slice types that appear constantly in real code: the string slice &str, which is a view into a string, and the array slice &[T], which is…
A comparison operator tests one boundary. total > 100 tests whether a value exceeds 100. total < 200 tests whether a value is below 200. To test whether a value falls within a range, you need two comparisons joined by AND. The BETWEEN operator is a shorthand for that pair of comparisons. It tests whether…
CSS positioning determines where an element is placed in the document and how it responds to scrolling and to the other elements around it. Tailwind provides a utility for each of the five position values — static, relative, absolute, fixed, and sticky — plus the inset utilities that control the offsets for the positioned elements….
TypeScript has three types that sit outside the normal type hierarchy: unknown, any, and never. They’re the top, middle, and bottom of the type system — the three extremes. unknown is the top type — everything is assignable to it, but you can’t use it without narrowing. any is the escape hatch — everything is…
Reactivity is the mechanism that connects a component’s state to its rendered output. When the state changes, the DOM updates. Vue’s reactivity system is built on proxies, and ref() is the function that creates a reactive reference to a value. It is the most common way to declare state in a <script setup> component, and…
A service is a class that holds shared logic — data access, business rules, state, communication with APIs. Dependency injection (DI) is how Angular gives components and other services access to those services without them creating instances manually. Instead of new UserService() inside every component, you declare a dependency and Angular provides an instance. That…
These three properties take CSS Grid to the next level, allowing you to create named grid areas, precisely position items, and use a shorthand for the entire grid definition. Overview of Properties Property Description grid-template-areas Defines named grid areas using a visual map grid-area Positions a grid item in the grid (or assigns it to…