HOMEPAGE · 64 lessons

5-stage full-stack series: GitHub + Vercel → React/Next.js → Git → a11y → Security

Starting from a first page via GitHub + Vercel, this 5-stage full-stack series walks through HTML/CSS/JavaScript, Node.js/DB/TypeScript/React deep dives, Git collaboration, web a11y and web security.

Start lesson 164 lessons · read, copy, build

Stage 1: Getting Started

Build and deploy your first real homepage, then meet the whole toolchain: CSS, Git, JavaScript and React.

5 lessons

GitHubVercelCSSJavaScriptReactNext.js

View stage

Stage 2: Frontend Fundamentals

The core web languages in depth: semantic HTML, modern CSS layout, and practical JavaScript.

21 lessons

Semantic HTMLCSS layoutFlexbox & GridResponsive designDOM & eventsAsync JavaScript

View stage

Stage 3: Backend Essentials

Server-side JavaScript with Node.js and Express, plus databases from SQL to Prisma and MongoDB.

12 lessons

Node.jsExpressREST APIsSQLPrismaMongoDB

View stage

Stage 4: React & TypeScript

Type-safe JavaScript and professional React: hooks, patterns, routing and state management.

14 lessons

TypeScriptGenericsReact hooksContextRoutingZustand

View stage

Stage 5: Professional Skills

The skills hiring teams expect: team Git workflows, web security defenses and accessibility.

12 lessons

Branching & PRsMerge conflictsXSS & CSRFSQL injectionWCAG 2.1ARIA

View stage

Tech Stack Covered

HTML5CSS3JavaScript (ES6+)TypeScriptReactNext.jsNode.jsExpressPostgreSQLPrismaGitGitHub ActionsVercelWCAG 2.1ARIACSPJWTTesting Library