Interactive — learn by writing code

Full learning map

Practice by hand, theory in concept notes. · 0 of 82 interactive done

Not sure where to start? Let the 1:1 coach pick

100%

HTML Basics

0/7

What Is HTML? — Tag Basics HTML Document Structure — head & body input — Input Fields Text Tags — Headings & Paragraphs Links — the a Tag Forms — the form Tag

List TagsComing soon

CSS Basics

0/7

CSS Selectors — Classes Box Model — padding & border Selector Specificity — Class > Tag Flexbox — Horizontal Alignment CSS Grid — Grid Layout Media Queries — Responsive Design CSS Variables — var()

Python Introduction

0/19

Variables & print — Your First Python Code Data Types — int, float, str, bool Lists — Ordered Collections Dictionaries — key:value Pairs Control Flow — if & for Functions — def & return f-strings — Embedding Variables with {}Sets — Automatic Deduplication List Comprehensions — Lists in One Line Lambdas — One-Line Anonymous Functions Classes — Blueprints for Creating Objects Exception Handling try-except — Surviving Errors Inheritance — class Child(Parent)Generators — One at a Time with yield Iterators — iter & next Decorators — Adding Behavior with @@dataclass — Cutting Boilerplate The with Statement — Automatic Resource Cleanup Type Hints — : int, -> float

JavaScript

0/12

Variables and Types Functions & Scope Selecting & Modifying the DOM Events Arrays & Loops fetch Basics Truthy / Falsy Values — truthy & falsy Arrow Functions — (a, b) => a + b Array Methods — filter Array Methods — map Destructuring Assignment async/await — Awaiting Asynchronous Code

TypeScript

0/4

Basic Types — Fixing Type Errors interface — Defining Object Shapes Function Types — Parameter & Return Types Union Types — Allowing Multiple Types

Backend · Request & Response

0/6

Request & Response Meaning of HTTP Methods Path Parameters The Pitfall of Hard DELETE Soft Delete Permission Check

Full-Stack · The Whole Flow

0/2

Tracing the Flow — The Full Journey of a Single Click Putting It Together — A Safe Delete Flow

Java · Spring

0/9

Variables & Output — Your First Java Code Arithmetic — Number Operations Conditionals — if / else Loops — for Arrays — Multiple Values and for-each

Classes & Objects (OOP)Coming soon

Spring · Dependency InjectionComing soon

Spring · REST ControllerComing soon

Spring · JPA → DBComing soon

Terminal · Environment Setup

0/4

First Steps in the Terminal — Changing Directories (cd)Installing Libraries — npm install Launching a Site — npm run dev Pushing to GitHub — Your First Collaboration Flow

Dev Tools · AI Autocomplete

0/3

Riffing with AI Autocomplete — Tab Practice

Cmd+K Inline EditingComing soon

Delegating to an AI AgentComing soon

Networking · When to Use

0/1

Networking — When to Use What

Operating Systems · When to Use

0/1

Operating Systems — When to Use What

Security · What to Block

0/1

Security — When to Block What

DevOps · When to Use

0/1

DevOps — When to Use What

Vibe Coding · Prompts

0/1

Vibe Coding — How to Write Good Prompts

GitHub · Version Control

0/7

Starting a Repository — git init Staging Changes — git add (Staging)Saving Your Work — git commit Branches — git branch & checkout Pushing to GitHub — git push

Merging Branches (merge)Coming soon

Pull Request · ReviewComing soon

Flexbox

0/2

Alignment & DistributionComing soon

grow & shrinkComing soon

Responsive

0/2

Media QueriesComing soon

clamp & vwComing soon

React

0/2

Components & propsComing soon

useStateComing soon

Next.js

0/2

App RouterComing soon

Server ActionComing soon

Database

0/2

ERD DesignComing soon

NormalizationComing soon

Backend Logic · User Deletion

0/8

The Pitfall of Hard DELETE ON DELETE CASCADE Soft Delete Transactions Permission Check Putting It Together — Real-World User Deletion

Sign upComing soon

Concept notes — theory (free, all concepts)

Read every concept here, even those without interactive lessons yet. Free, no login.

Java 6 lessons

OOP, Collections, Streams, JVM

Spring Boot 10 lessons

DI, MVC, JPA, Security

Database 6 lessons

SQL, Indexes, Transactions

HTML/CSS 11 lessons

HTML, CSS, Flexbox, Grid

JavaScript 21 lessons

ES6+, DOM, Async

TypeScript 7 lessons

Type system, generics, async — differences from JS (7 lessons)

React 22 lessons

Components · Hooks · State · Forms · Optimization · TS

Next.js 15 lessons

App Router · Server Component · Server Actions · Streaming · Optimistic UI · Middleware · SEO · Revalidation

Python 27 lessons

Syntax, data structures, async, AI basics

Vibe Coding 9 lessons

Cursor·Copilot·v0·Claude Code

Dev Tools 4 lessons

IDE, CLI, Debugging, Productivity

Network 9 lessons

TCP/IP, HTTP, Cookies·Sessions, CDN, CORS

OS 5 lessons

Processes·Threads, Memory, File systems

Security 4 lessons

XSS, CSRF, Encryption

DevOps 4 lessons

Docker, CI/CD

Collaboration & Git 4 lessons

Git, Agile