✦ Pokročilý kurz webového vývoje

React, Next.js,
Node.js & TypeScript
na senior úrovni

15 lekcí pokrývajících celý moderní full-stack. Od React hooks po mikroservisy, bezpečnost a Clean Architecture.

Začít Lekci 1 → ✦ Otevřít hřiště

15

Lekcí

40+

Kódových bloků

30+

Kvízů

12

Odznaků

// kurz.obsah

15 lekcí — od hooks po produkci

Každá lekce pokrývá jedno velké téma hloubkově — s reálnými příklady, which production code you'd actually write.

React — Komponentový vývoj

JSX, komponenty, props, useState, event handlers, listy a keys. Živé JSX editory s Babel.

JSXuseStateProps

React Hooks — Side Effects

useEffect, useRef, useMemo, useCallback, custom hooks. Stopky, GitHub search s debounce.

useEffectuseRefCustom Hooks

Context & State Management

Prop drilling, Context API, useReducer, Zustand store. Košík e-shopu s live editorem.

ContextuseReducerZustand

Next.js — App Router

Server Components, SSR/SSG/ISR, file-based routing, API Routes, Server Actions, Metadata API.

App RouterSSR/SSGServer Components

Node.js & Express API

REST API, middleware chain, Zod validace, JWT autentizace, bcrypt, centrální error handling.

ExpressJWTMiddleware

Databáze & Prisma ORM

PostgreSQL, Prisma schema, migrace, CRUD, relace, transakce, N+1 problém, optimalizace.

PrismaPostgreSQLMigrace

Testovací pyramida, Vitest, React Testing Library, MSW mock server, Playwright E2E.

VitestRTLPlaywright

WebSockets & Realtime

Native WS, Socket.io rooms, SSE pro AI streaming, TanStack Query, Redis škálování.

Socket.ioSSETanStack Query

Pokročilý TypeScript

Conditional types, mapped types, infer, template literals, decorators, branded types. 5 TS hřišť.

Conditional TypesinferDecorators

OWASP Top 10, XSS, SQL injection, CSRF, CSP, bezpečné env vars. Interaktivní security checklist.

Performance & Optimalizace

React Profiler, memoizace, code splitting, virtualizace 100k řádků, caching strategie.

React.memoVirtualizaceBundle

🏆 Architektura, DevOps, Mikroservisy & Certifikát

Clean Architecture, SOLID, Docker, monitoring, event-driven architektura a závěrečný certifikát.

ArchitectureDockerCertifikát

// kurz.o_nas

Jiný přístup

Kurz není sbírka slidů. Každá lekce je živá — kód, který vidíte, je kód, který píšete v produkci.

⚛️

Živé JSX editory

React kód běží přímo v prohlížeči přes Babel. Každá lekce má editory, kde vidíte výsledek okamžitě.

🏭

Produkční vzory

Kód z Airbnb, Vercel a Shopify engineering blogů — ne tutoriálové zjednodušeniny.

🔐

Bezpečnost v každé lekci

XSS, SQL injection, JWT best practices — bezpečnost není afterthought ale základ.

🏅

12 odznaků + certifikát

Kvízy, odznaky a tisknutelný certifikát s vaším jménem po absolvování.

✦ React Hřiště

Plnohodnotné IDE v prohlížeči. React bloky, TypeScript patterns, 6 výzev, stahování souborů. Přepínání mezi React a HTML módem.

Otevřít hřiště →