Web & Frontend

Progress from HTML5 accessibility foundations to enterprise micro-frontends, WebGL rendering, and Core Web Vitals optimization.

16Levels

0Passed

Level 1Beginner

HTML Basics & Semantic Markup

Document structure, tags, semantic elements, forms, links, images, and accessibility fundamentals.

4 hrs

Level 2Beginner

CSS Core, Box Model & Layouts

Selectors, cascade, specificity, box model, Flexbox, Grid, and responsive design media queries.

5 hrs

Level 3Beginner

JavaScript Fundamentals & DOM

Variables, types, functions, arrays, objects, DOM manipulation, and event handling.

6 hrs

Level 4Intermediate

Asynchronous JS, Fetch & Promises

Event loop, promises, async/await, fetch API, handling HTTP errors, and JSON processing.

3 hrs

Level 5Intermediate

TypeScript & Static Type Systems

Interfaces, types, generics, type narrowing, union types, and TS configuration.

4 hrs

Level 6Intermediate

React Core & Component State

JSX, props, state, component lifecycle, synthetic events, and controlled inputs.

5 hrs

Level 7Intermediate

React Hooks & Side Effects

useEffect, useRef, useMemo, useCallback, custom hooks, and memory leak prevention.

6 hrs

Level 8Intermediate

State Management & Context API

Prop drilling solutions, Context API, Redux Toolkit / Zustand, and persistent state.

3 hrs

Level 9Intermediate

Client-Side Routing & Page Architecture

React Router, URL params, nested layouts, protected routes, and lazy loading pages.

4 hrs

Level 10Intermediate

Modern Styling & Tailwind CSS

Tailwind utility workflow, custom theme config, CSS modules, design tokens, and CSS-in-JS.

5 hrs

Level 11Advanced

Form Architecture & Validation

React Hook Form, Zod schemas, complex form state, field validation, and error feedback.

6 hrs

Level 12Advanced

REST & GraphQL API Integration

TanStack Query (React Query), caching, optimistic updates, invalidation, and SWR.

3 hrs

Level 13Advanced

Web Performance & Core Web Vitals

LCP, CLS, INP, bundle optimization, dynamic imports, image formats, and lighthouse profiling.

4 hrs

Level 14Advanced

Browser Security & Storage

XSS, CSRF, CSP, CORS, SameSite cookies, JWT storage, localStorage, and IndexedDB.

5 hrs

Level 15Expert

Automated Testing (Unit & Integration)

Vitest, Jest, React Testing Library, Playwright E2E, mocking network calls, and coverage.

6 hrs

Level 16Expert

Enterprise Micro-Frontends & Architecture

Module Federation, Next.js App Router SSR/SSG, ISR, Edge functions, and design systems at scale.

3 hrs

Web & Frontend

Progress from HTML5 accessibility foundations to enterprise micro-frontends, WebGL rendering, and Core Web Vitals optimization.

16Levels

0Passed

Level 1Beginner

HTML Basics & Semantic Markup

Document structure, tags, semantic elements, forms, links, images, and accessibility fundamentals.

4 hrs

Level 2Beginner

CSS Core, Box Model & Layouts

Selectors, cascade, specificity, box model, Flexbox, Grid, and responsive design media queries.

5 hrs

Level 3Beginner

JavaScript Fundamentals & DOM

Variables, types, functions, arrays, objects, DOM manipulation, and event handling.

6 hrs

Level 4Intermediate

Asynchronous JS, Fetch & Promises

Event loop, promises, async/await, fetch API, handling HTTP errors, and JSON processing.

3 hrs

Level 5Intermediate

TypeScript & Static Type Systems

Interfaces, types, generics, type narrowing, union types, and TS configuration.

4 hrs

Level 6Intermediate

React Core & Component State

JSX, props, state, component lifecycle, synthetic events, and controlled inputs.

5 hrs

Level 7Intermediate

React Hooks & Side Effects

useEffect, useRef, useMemo, useCallback, custom hooks, and memory leak prevention.

6 hrs

Level 8Intermediate

State Management & Context API

Prop drilling solutions, Context API, Redux Toolkit / Zustand, and persistent state.

3 hrs

Level 9Intermediate

Client-Side Routing & Page Architecture

React Router, URL params, nested layouts, protected routes, and lazy loading pages.

4 hrs

Level 10Intermediate

Modern Styling & Tailwind CSS

Tailwind utility workflow, custom theme config, CSS modules, design tokens, and CSS-in-JS.

5 hrs

Level 11Advanced

Form Architecture & Validation

React Hook Form, Zod schemas, complex form state, field validation, and error feedback.

6 hrs

Level 12Advanced

REST & GraphQL API Integration

TanStack Query (React Query), caching, optimistic updates, invalidation, and SWR.

3 hrs

Level 13Advanced

Web Performance & Core Web Vitals

LCP, CLS, INP, bundle optimization, dynamic imports, image formats, and lighthouse profiling.

4 hrs

Level 14Advanced

Browser Security & Storage

XSS, CSRF, CSP, CORS, SameSite cookies, JWT storage, localStorage, and IndexedDB.

5 hrs

Level 15Expert

Automated Testing (Unit & Integration)

Vitest, Jest, React Testing Library, Playwright E2E, mocking network calls, and coverage.

6 hrs

Level 16Expert

Enterprise Micro-Frontends & Architecture

Module Federation, Next.js App Router SSR/SSG, ISR, Edge functions, and design systems at scale.

3 hrs