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 Docker build that reinstalls every dependency on every run is a build that wastes time. Package managers download from the network, unpack archives, and write to disk—work that is identical across builds unless the dependency files change. Layer caching helps only when the instruction sequence and inputs are unchanged. The moment you touch a…
SVG (Scalable Vector Graphics) is a powerful way to create resolution-independent graphics directly in HTML. Unlike raster images (JPEG, PNG), SVGs maintain quality at any size and can be styled, animated, and manipulated with CSS and JavaScript. What is SVG? SVG is an XML-based markup language for describing two-dimensional vector graphics. It’s perfect for: Key…
The Math object in JavaScript is a versatile tool for performing a wide range of mathematical operations. It provides everything you need to handle most mathematical tasks — from basic arithmetic and rounding to advanced functions like trigonometry and random number generation. Note: Math is a built-in object — you don’t need to create it,…
For years, the dotenv package was a near-universal dependency in Node.js projects. It was the standard way to load environment variables from a .env file into process.env. That changed in Node.js 20.6.0, when native .env file support was added behind the –env-file flag . A programmatic API followed in 21.7.0, and Node.js 22 marked the…
Security in npm operates on two axes: the dependency tree and the credentials that authorize publishing. The dependency tree is audited with npm audit, which compares installed packages against a vulnerability database and offers automated fixes. The credentials are managed as access tokens, which have been consolidated into a single granular model as of November…
A form input that holds its own state is unpredictable. The DOM remembers what the user typed, but your React component does not, unless you ask it. When you need to validate, transform, or react to input as it happens, you must take control of the value. This is the controlled component pattern: the input’s…
The compiler accepts a match expression only when the patterns cover every possible value of the matched type. This requirement is called exhaustiveness, and it is enforced at compile time. It is the feature that turns pattern matching from a convenient dispatch mechanism into a safety guarantee. If you add a variant to an enum,…
A table is empty when it is created. The INSERT INTO statement is the first DML statement that fills it with data. It adds one or more rows to a table. Every row that an application stores, every record that a user saves, every event that a system logs, arrives through an INSERT statement. It…
A transform changes how an element is drawn without changing its position in the document flow. A scaled button is still the same size in the layout. A rotated card still occupies its original rectangle. A translated tooltip still reserves its original space. This separation between layout and rendering is what makes transforms powerful: they…
Generics let you write functions that work with many types while preserving the type relationship between input and output. Instead of function identity(x: any): any, you write function identity<T>(x: T): T — and TypeScript understands that whatever you pass in comes back out with the same type. Generics are the mechanism behind Array<T>, Promise<T>, Map<K,…