✦ Profesionální kurz webového vývoje

Moderní web od
základů po deployment

15 lekcí pokrývající celý stack — HTML5, CSS, JavaScript, TypeScript, Git, REST API, výkon, SEO a CI/CD. Bez přeskakování, s živými editory.

Začít Lekci 1 → ✦ Otevřít hřiště
15
Lekcí
60+
Živých editorů
45+
Kvízů
15
Odznaků
Hřiště

15 lekcí od základů po produkci

Kurz postupuje přirozeně — každá lekce staví na předchozí. Žádné přeskakování, žádné mezery.

Lekce 01
Sémantické HTML5
Struktura dokumentu, sémantické tagy, přístupnost, ARIA, data-atributy. Proč na HTML záleží víc než si myslíte.
Lekce 02
CSS Box Model & Flexbox
Box model, box-sizing, display vlastnosti. Flexbox od základů s interaktivním demo — justify-content, align-items, flex-grow.
Lekce 03
CSS Grid
Dvourozměrný layout, fr jednotka, minmax(), named areas, auto-fit/auto-fill. Responzivní grid bez media queries.
Lekce 04
CSS Animace & Proměnné
Custom properties, transition, @keyframes, animation. Easing funkce, staggered animace, pseudotřídy a pseudoelementy.
Lekce 05
Responzivita & Media Queries
Mobile First filozofie, viewport meta tag, breakpointy, clamp() pro fluid typografii, responzivní obrázky s srcset a picture.
Lekce 06
JavaScript Základy
Proměnné (let/const), datové typy, funkce, podmínky, smyčky, pole a objekty. 7 živých JS konzolí s barevným výstupem.
Lekce 07
DOM Manipulace
querySelector, createElement, innerHTML, události, event bubbling a delegace, classList, style. 6 živých editorů.
Lekce 08
Async JS & Fetch API
Callback hell, Promise, async/await, Fetch API, error handling, Promise.all(). Volání skutečného JSONPlaceholder API.
Lekce 09
localStorage & Formuláře
Web Storage API, JSON stringify/parse, HTML5 input typy, HTML5 a JS validace, registrační formulář se strength indikátorem.
Lekce 10
Git & Moderní Workflow
Git základy, větve, merge, GitHub a remote, npm/package.json, VS Code nastavení. Interaktivní Git simulátor.
Lekce 11
REST API Klient (Projekt)
REST principy, HTTP metody, CRUD operace, JS komponenty, event delegace. Kompletní správce příspěvků s živým API.
Lekce 12
TypeScript
Typy, interface, type alias, generics, utility types (Partial, Omit, Pick…). 6 interaktivních TS hřišť s živým výstupem.
Lekce 13
Výkon & SEO
Core Web Vitals, WebP/AVIF, lazy loading, resource hints, on-page SEO, Open Graph, Schema.org. Lighthouse Score simulátor.
Lekce 14
Deployment & CI/CD
Vercel, Netlify, GitHub Pages, GitHub Actions pipeline, environment variables, Docker úvod. Nikdy netisknout API klíče do Gitu!
Lekce 15
🏆 Závěr & Certifikát
Certifikát s vaším jménem, skill tree, přehled odznaků, next steps kariéry a doporučené projekty pro portfolio.

Jiný přístup ke vzdělávání

Kurz není sbírka videí ani suchá teorie. Každá lekce je živá, interaktivní a okamžitě použitelná.

Živé editory

60+ interaktivních editorů, JS konzolí, TS hřišť a simulátorů — píšete kód a vidíte výsledek okamžitě.

🎯

Praktické projekty

Každá lekce završí praktickým cvičením. Lekce 11 postaví kompletní CRUD aplikaci s živým REST API.

🔄

Přirozená progrese

Kurz postupuje od základů (HTML) po pokročilé (TypeScript, CI/CD). Žádné skoky, žádné mezery.

📱

Offline použitelný

Všechny soubory jsou lokální HTML — fungují bez internetu, kdykoli a kdekoli.

🏅

Gamifikace

15 odznaků, progress trackování a certifikát — motivace pokračovat dál.

🎓

Certifikát

Po dokončení kurzu získáte tisknutelný certifikát s vaším jménem a přehledem zvládnutých technologií.

Co v kurzu zvládnete

Kurz pokrývá celý moderní frontend stack — od prvního HTML tagu po deployment na produkci.

📄 HTML5
🎨 CSS3
↔️ Flexbox
🔲 CSS Grid
📱 Responzivita
Animace
JavaScript
🌳 DOM API
🤝 Async/Await
🌐 Fetch API
💾 localStorage
📋 Formuláře
🌿 Git & GitHub
📦 npm
🌐 REST API
🔷 TypeScript
Core Web Vitals
🔍 SEO
Vercel / Netlify
⚙️ GitHub Actions
🐳 Docker základy

✦ Volné hřiště

Sidebar s 30+ bloky kódu, 8 výzvami, záložky, live split editor, stahování souborů. Váš osobní IDE v prohlížeči.