Web & Programming Fundamentals

50 guides planned

HTML, 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.

🏗️ Beginner Friendly AI-Explained Real Code Examples

Start Here

50

Guides Coming Daily

We're publishing new fundamentals guides every day. Check back soon — or start with our most essential guides below.

→ Back to All Topics

🗺️ Suggested Learning Path

1
What Is HTML? The skeleton of every webpage
2
What Is CSS? Making things look like something
3
What Is JavaScript? Making things actually do things
4
What Is the DOM? How JS controls the page
5
What Is React? Why AI builds everything in React

All Topics

What We Cover in Fundamentals

🏗️

HTML Fundamentals

Elements, attributes, semantic markup, forms, accessibility — the structure of everything AI builds.

~8 guides
🎨

CSS & Styling

Selectors, flexbox, grid, responsive design, animations — making AI-generated UIs look right.

~8 guides
⚡

JavaScript Core

Variables, functions, loops, objects, arrays, async/await — understanding the code AI writes.

~12 guides
⚛️

React

Components, hooks, state, props, useEffect — why 90% of AI frontend code is React.

~8 guides
🟢

Node.js

Runtime, modules, event loop, npm — how JavaScript runs on your server, not just your browser.

~6 guides
📘

TypeScript

Types, interfaces, generics — why AI often generates TypeScript and what all those red squiggles mean.

~5 guides

Continue Your Journey

After fundamentals, tackle APIs and backend concepts.

Backend & APIs →