Kurz Full Stack

Lekce 1 • Nastavení vývojového prostředí

Instaluje a konfiguruje editor kódu, terminál, správu verzí a vývojářské nástroje prohlížeče. Vytvoří reprodukovatelný pracovní prostor pro všechny projekty kurzu.

Lekce 2 • Jak funguje web

Popisuje DNS rozlišení, cykly HTTP požadavek-odpověď a stavové kódy. Stanovuje komunikační model, na kterém závisí všechny následující kapitoly.

Lekce 3 • Správa verzí pomocí Gitu

Procvičuje větvení, commity, slučování a řešení konfliktů pomocí Gitu. Zavádí pracovní postup používaný v každém projektu v tomto kurzu.

Lekce 4 • CSS rozvržení a stylování

Aplikuje boxový model, Flexbox a Grid pro ovládání rozvržení a vizuálního designu. Přímo navazuje na tvorbu responzivních UI komponent v pozdějších kapitolách.

Lekce 1 • Funkce a rozsah platnosti

Vysvětluje deklarace funkcí, výrazy, arrow funkce, uzávěry a zásobník volání. Buduje mentální model potřebný pro callbacky a asynchronní kód.

Lekce 2 • Asynchronní JavaScript

Vyučuje smyčku událostí, callbacky, Promise a async/await pro neblokující kód. Je základem pro veškerou API komunikaci probíranou v následujících kapitolách.

Lekce 3 • Základní syntaxe a datové typy

Pokrývá proměnné, operátory, řídicí tok a primitivní vs. referenční typy. Poskytuje slovník pro každý následující koncept JavaScriptu.

Lekce 4 • Manipulace s DOM

Vybírá, upravuje a vytváří uzly DOM v reakci na události uživatele. Přímo umožňuje tvorbu interaktivních UI komponent v kapitole o frontendu.

Lekce 1 • Vedlejší efekty a načítání dat

Aplikuje useEffect pro načítání dat, odebírání událostí a úklid prostředků. Propojuje asynchronní dovednosti v JavaScriptu s reálným chováním komponent řízených API.

Lekce 2 • Správa stavu pomocí hooků

Používá useState a useReducer ke správě lokálního stavu komponenty a odvozených dat. Připravuje studenty na předávání stavu a vzory globálního stavu.

Lekce 3 • Routování a navigace

Implementuje routování na straně klienta s dynamickými cestami, vnořenými rozvrženími a chráněnými cestami. Umožňuje tvorbu vícestránkových SPA se správnou správou URL.

Lekce 4 • Základy Reactu

Představuje JSX, virtuální DOM a funkcionální komponenty. Stanovuje komponentový model, na kterém staví všechny vzory Reactu v této kapitole.

Lekce 1 • Middleware a pipeline požadavků

Píše vlastní middleware pro logování, validaci a kontroly autentizace. Ukazuje, jak pipeline požadavků zpracovává každý příchozí HTTP požadavek.

Lekce 2 • Běhové prostředí a moduly Node.js

Vysvětluje smyčku událostí Node.js, modulový systém a vestavěné moduly. Ukazuje, jak se serverový JavaScript liší od JavaScriptu v prohlížeči.

Lekce 3 • Tvorba REST API pomocí Expressu

Definuje cesty, zpracovává HTTP slovesa a parsuje těla požadavků pomocí Expressu. Vytváří API endpointy konzumované Reactovým frontendem.

Lekce 4 • Ošetření chyb a logování

Implementuje centralizované obsluhy chyb, rozlišuje provozní a programátorské chyby a zavádí strukturované logování. Zajišťuje, že API selhávají elegantně a jsou laditelná v produkci.

Lekce 1 • NoSQL a dokumentové databáze

Modeluje data jako dokumenty, aplikuje indexování a provádí CRUD operace s dokumentovou databází. Kontrastuje s relačním návrhem pro volbu vhodného schématu.

Lekce 2 • Výkon databáze a indexování

Analyzuje plány vykonávání dotazů, přidává indexy a aplikuje spojování spojení. Zajišťuje, aby se datová vrstva škálovala při realistickém zatížení aplikace.

Lekce 3 • Psaní SQL dotazů

Píše SELECT, INSERT, UPDATE, DELETE a agregační dotazy s filtrováním a řazením. Buduje dovednosti psaní dotazů potřebné pro konfiguraci ORM a přímé dotazy.

Lekce 4 • Základy relačních databází

Pokrývá tabulky, primární/cizí klíče, normalizaci a spojování. Poskytuje slovník datového modelování používaný v celé databázové kapitole.

Lekce 1 • Koncepty autentizace

Rozlišuje autentizaci od autorizace a vysvětluje stavové vs. bezestavové přístupy. Pokládá koncepční základy pro všechny implementační části.

Lekce 2 • Autentizace založená na sessions

Spravuje serverové sessions pomocí bezpečných cookies a úložišť sessions. Poskytuje alternativu k JWT pro aplikace vyžadující zneplatnění řízené serverem.

Lekce 3 • Řízení přístupu na základě rolí

Definuje role a oprávnění, vynucuje je pomocí middlewaru a chrání API cesty. Umožňuje multi-tenant a administrátorské funkce v závěrečném projektu.

Lekce 4 • Autentizace založená na JWT

Vydává, podepisuje a ověřuje JSON Web Tokeny pro bezestavovou API autentizaci. Integruje se přímo s middleware pipeline Expressu z kapitoly o backendu.

Lekce 1 • Propojení frontendu s backendem

Konfiguruje základní URL API, ošetřuje CORS ve vývoji a spravuje autentizační tokeny v Reactu. Propojuje izolovaný frontend a backend vytvořené v předchozích kapitolách.

Lekce 2 • Ladění a profilování výkonu

Používá vývojářské nástroje prohlížeče, debugger Node.js a profilovací nástroje k hledání a opravě úzkých míst. Připravuje studenty na diagnostiku problémů v nasazené aplikaci.

Lekce 3 • End-to-end testování

Automatizuje celé uživatelské scénáře v reálném prohlížeči pomocí E2E testovacího frameworku. Zachycuje integrační regrese, které jednotkové testy nemohou odhalit.

Lekce 4 • Jednotkové testování JavaScriptu

Píše jednotkové testy pro čisté funkce a Reactové komponenty pomocí testovacího běhového prostředí a knihovny asercí. Stanovuje základ testování před integračními testy.

Lekce 1 • Monitorování a upozorňování

Integruje monitorování výkonu aplikací, kontroly dostupnosti a sledování chyb. Umožňuje rychlou reakci na incidenty u nasazené produkční aplikace.

Lekce 2 • Základy cloudového nasazení

Nasazuje kontejnerizované služby na cloudovou platformu, konfiguruje domény a spravuje tajné proměnné prostředí. Vytváří první veřejně přístupnou verzi aplikace.

Lekce 3 • Nastavení CI/CD pipeline

Automatizuje fáze sestavení, testování a nasazení pomocí CI/CD služby spouštěné pushi do Gitu. Eliminuje manuální kroky nasazení a vynucuje kvalitativní brány.

Lekce 4 • Kontejnerizace pomocí Dockeru

Píše Dockerfily, sestavuje obrazy a spouští více službový stack pomocí Docker Compose. Zajišťuje, že aplikace běží identicky ve vývoji i v produkci.