Web & Programming Fundamentals
18 guides publishedHTML, CSS, JavaScript, React, and Node.js — the building blocks every vibe coder needs to understand what AI generates, debug what breaks, and know when to ask for help.
New Here?
Start at the Beginning
If you're brand new to the concepts AI generates for you, follow this path in order. Each guide builds on the last.
🗺️ Suggested Path
18 Guides Published
All Fundamentals Articles
HTML & CSS
What Is HTML?
The skeleton of every webpage AI builds. Elements, attributes, semantic markup — explained for builders, not CS majors.
🎨 CSSWhat Is CSS?
Styling explained for vibe coders — selectors, flexbox, grid, and why AI-generated CSS looks the way it does.
JavaScript Core
What Is JavaScript?
The language AI uses most. Why it runs everywhere, what it can and can't do, and how to read what AI generates.
⚡ JavaScriptWhat Is a Variable?
const, let, var — a vibe coder's guide to storing data. Why AI uses const by default and when that breaks things.
⚡ JavaScriptWhat Is a Function?
Reusable blocks of logic. Arrow functions, parameters, return values — understanding what AI wraps in function().
⚡ JavaScriptWhat Are Arrays?
JavaScript arrays explained for AI coders — map, filter, reduce, and why AI uses them everywhere.
⚡ JavaScriptWhat Are Objects?
Key-value pairs and why AI loves them. Destructuring, spread, JSON — the data structure you'll see in 90% of AI code.
⚡ JavaScriptWhat Are Loops?
for, while, and forEach explained for AI coders — when to use each and why AI almost always picks the wrong one.
⚡ JavaScriptWhat Is Scope?
Why AI variables disappear. Closures, block scope, lexical scope — the invisible rules behind "undefined is not a function."
⚡ JavaScriptWhat Is Error Handling?
try/catch explained for AI coders — where to put it, what to catch, and why AI-generated code skips it too often.
⚡ JavaScriptWhat Is JSON?
The data format everything uses — APIs, config files, databases. What it is, why it matters, and how to parse it.
Async, Classes & Advanced Patterns
What Is async/await?
How AI handles time in JavaScript — fetching data, waiting for APIs, and why everything seems to run in the wrong order.
⚡ JavaScriptWhat Is a Promise?
Async before async/await — .then(), .catch(), and Promise.all(). Why AI still generates them and how to read them.
⚡ JavaScriptWhat Is a Class?
OOP explained for vibe coders — constructor(), extends, and why AI reaches for classes in backend and library code.
🌐 BrowserWhat Is the DOM?
JavaScript's live control panel for web pages. querySelector, events, and why DOM manipulation is being replaced by React.
Frameworks & Runtimes
What Is React?
Why AI always builds in React — and when to say no. Components, hooks, state, and the mental model that makes it click.
🟢 Node.jsWhat Is Node.js?
JavaScript outside the browser — how AI builds backends, APIs, and servers using the same language as your frontend.
📘 TypeScriptWhat Is TypeScript?
Why AI defaults to TypeScript over JavaScript — types, interfaces, and what all those red squiggles actually mean.
Ready for the Next Step?
Once you understand the fundamentals, learn how APIs and backend systems work.