Blog

Blog · Complete Guides

Complete Guides

In-depth, start-to-finish guides to the languages and frameworks that power the modern web.

Complete Guides

The Complete Guide to Async JavaScript in 2026

A complete guide to asynchronous JavaScript — the event loop, callbacks, promises, async/await, error handling, running tasks in parallel, cancellation and common pitfalls — with examples throughout.

· 6 min read
Complete Guides

The Complete Guide to CSS Flexbox in 2026

A complete guide to CSS Flexbox — the container and item properties, main and cross axes, alignment, wrapping, the flex shorthand and common layout patterns — with copy-paste examples throughout.

· 5 min read
Complete Guides

The Complete Guide to CSS Grid in 2026

A complete guide to CSS Grid — defining rows and columns, fr units, repeat and minmax, placing items, template areas, responsive auto-fit grids and subgrid — with copy-paste examples throughout.

· 5 min read
Complete Guides

The Complete Guide to Git in 2026

A complete, practical guide to Git — how it works, the core workflow, branching, merging vs rebasing, remotes, undoing changes, resolving conflicts and everyday commands — with real commands throughout.

· 6 min read
Complete Guides

The Complete Guide to npm in 2026

A complete guide to npm — package.json, installing packages, semver ranges, scripts, npx, lockfiles, npm ci vs install, workspaces, publishing and the npm v12 security changes — with commands throughout.

· 5 min read
Complete Guides

The Complete Guide to React Hooks in 2026

A complete guide to React Hooks — useState, useEffect, useContext, useRef, useReducer, memoization, transitions, the React 19 additions (use, Actions, useOptimistic) and custom hooks — with examples.

· 6 min read
Complete Guides

The Complete Guide to Regular Expressions in 2026

A complete guide to regular expressions (regex) in JavaScript — character classes, anchors, quantifiers, groups, alternation, flags, lookaround and the string methods — with practical examples throughout.

· 6 min read
Complete Guides

The Complete Guide to REST APIs in 2026

A complete guide to REST APIs — the principles, HTTP methods and status codes, resource URL design, authentication, pagination, versioning and modern error handling (RFC 9457) — with examples throughout.

· 5 min read
Complete Guides

The Complete Guide to TypeScript in 2026

A complete guide to TypeScript — types, interfaces vs type aliases, unions and narrowing, generics, utility types, the satisfies operator, tsconfig and modern features — with examples and current (2026) context.

· 6 min read
Complete Guides

Web Development Roadmap 2026: A Step-by-Step Guide

A practical, honest web development roadmap for 2026 — the order to learn HTML, modern CSS, JavaScript, TypeScript, Git, a framework, a backend and deployment, plus where AI-assisted coding fits.

· 5 min read

Some things you cannot learn from a snippet — you need the whole arc, from the first concept to a working project. The complete guides collect exactly that: end-to-end walkthroughs of the languages and frameworks that power the modern web, written to be read start to finish or dipped into when one section is what you need.

They are built to be practised, not just read. Each guide pairs explanation with code you can run immediately in the editor or compiler — change a value, rerun it, and watch what happens. Typing the examples yourself and breaking them on purpose is how the ideas actually stick.

Topics span the core toolkit — JavaScript and TypeScript, React and its hooks, CSS layout, Git, npm, REST and async — each taken from the fundamentals to the patterns you will use in real work. Start at the top if a subject is new, or jump to the part that is currently biting you.

Frequently asked questions

Who are these guides for?
Anyone past the absolute basics who wants a solid, coherent grounding rather than scattered tips. Each guide notes its assumed starting point, and most begin from first principles — so a motivated beginner can follow along and an experienced developer can skim to the parts they need.
Do I need to set anything up to follow along?
No. The examples run in the XCODX editor and compiler directly in your browser, so you can practise without installing a runtime, an IDE or a single package. Your progress saves locally as you go.
How should I work through a guide?
Actively. Read a section, type the example yourself rather than copying it, run it, then change something and predict the result before you rerun. Breaking an example and fixing it teaches more than reading ten that already work.
Are the guides kept up to date?
They target current, stable versions of each language and framework and focus on fundamentals that age slowly. Where a guide covers a fast-moving API it shows its date, so you can cross-check anything version-specific against the latest release.
What should I learn first?
Follow the dependencies. JavaScript underpins most of the web stack, so it and the browser platform come before frameworks; TypeScript and React build on that; Git and npm support all of it. If you are unsure, start with the guide for whatever you are trying to build right now.