Novinky
Co je v kurzu nového
- Menu se dá skrýt a kapitoly sbalitNa počítači schováš menu vlevo tlačítkem « vedle přepínače jazyka – lekce pak má celou šířku a menu vrátíš tlačítkem „☰ Lekce“ nahoře. Kurz si volbu zapamatuje. Kapitolu (např. JavaScript) sbalíš dalším kliknutím na její název. Na mobilu otevřené menu zavřeš potažením doleva nebo tlačítkem „✕ Zavřít“ nahoře.
- Jazyk kurzu se řídí tvou volbouÚvodní stránka tě teď opravdu přivítá v jazyce tvého prohlížeče – kvůli chybě dosud posílala do angličtiny i české a slovenské prohlížeče. Kurz si navíc pamatuje jen jazyk, který sám přepneš tlačítkem CS/EN vlevo nahoře; odkaz na anglickou stránku tvou volbu nepřepíše.
- Nová adresa: learn-react-course.pages.devKurz se přestěhoval z reactcourse.pages.dev na learn-react-course.pages.dev. Staré odkazy fungují dál a přesměrují tě sem. Postup a uložený kód úloh si prohlížeč pamatuje pro každou adresu zvlášť: pokud jsi přihlášený, po přihlášení se ti všechno stáhne zpět, jinak tady začínáš znovu.
- React lekce navazují na kapitolu TypeScriptTypeScript je teď v kurzu před Reactem, a lekce React s tím počítají: všechny ukázky komponent mají typy props (doplněné v React 01 a React 10) a místo opakovaného výkladu union, generik a kontroly úplnosti přes never je krátké připomenutí s odkazem na lekci TypeScript 01 nebo TypeScript 02, kde se to probíralo.
- React 01: jasnější ukázky komponent a propsV lekci React 01 jsou ukázky v „Krok 4: recept s objednávkou“, „1. JSX a první komponenta“, „2. Props: objednávka pro komponentu“ a „3. Children“ rozdělené na dvě části: ① definici komponenty a ② její použití v JSX jiné komponenty (App). Dřív visely tagy komponent samy pod definicí a nebylo vidět, kam patří; komponenta Panel se sloty navíc objevila bez definice. U props navíc nová tabulka ukazuje, který atribut z tagu skončí v které proměnné komponenty a kdy se použije výchozí hodnota. Ukázka ProfileCard i výzva Panel se sloty už samy nepadají do pasti s nulou, před kterou lekce varuje – podmínka u children a patičky je skutečný boolean. U seznamů v kapitole 5 nová tabulka ukazuje, která slova jsou pevně daná (key, map) a která si pojmenuješ sám, a trik „key jako reset“ má krok za krokem vysvětlený příklad s formulářem.
- Srozumitelnější výzvy v kapitole ReactVšechny rozcvičky a výzvy v lekcích React 01–15 mají nové komentáře u každého kroku: co máš k dispozici (s příkladem hodnoty), co má vzniknout, ukázku „před a po“ s konkrétními daty a odkaz na část lekce, kde najdeš postup. Zadání ukazují, jak vypadají data a stav, se kterými komponenta pracuje, a kostry jsou víc připravené – efekty mají hotový časovač i úklid, reducery větve s kopií stavu a hooky svou kostru. Projekt Kanban dostal u každého milníku příklad a odkaz na lekci. Pokud máš u výzvy uložený vlastní kód, nové zadání uvidíš po kliknutí na „↺ Obnovit výchozí kód“ nad editorem.
- Srozumitelnější výzvy v kapitolách JavaScript a TypeScriptVšechny výzvy v lekcích JavaScript 01–10 a TypeScript 01–02 mají nový popis u každé funkce: co dostane (s příkladem hodnoty), co vrátí, ukázku s konkrétními daty a odkaz na část lekce, kde najdeš postup. Zadání ukazují, jak vypadají data, se kterými funkce pracují, a kostry řešení jsou víc připravené – často stačí doplnit jeden řádek. Pokud máš u výzvy uložený vlastní kód, nové zadání uvidíš po kliknutí na „↺ Obnovit výchozí kód“ nad editorem.
- Srozumitelnější lekce JavaScript 03 a její výzvaLekce JavaScript 03 o objektech má podrobnější vysvětlení s víc příklady krok za krokem – čtení vlastnosti přes proměnnou, metody, destrukturace polí, mělká kopie, procházení objektu i objekt jako slovník. Střední výzva Nářadí na objekty je přepsaná: u každé funkce je napsané, co dostane, co vrátí, k čemu se hodí a kde v lekci najdeš postup. Pokud máš u výzvy uložený vlastní kód, nové zadání uvidíš po kliknutí na „↺ Obnovit výchozí kód“ nad editorem.
- Srozumitelnější applyTwice a once v JavaScriptu 02Funkce applyTwice a once ve výzvě Továrny na funkce (JavaScript 02) mají srozumitelnější zadání s konkrétními příklady, víc připravenou kostru a vlastní nápovědy. Pokud máš u výzvy uložený vlastní kód, nové zadání uvidíš po kliknutí na „↺ Obnovit výchozí kód“ nad editorem.
- Bonusové lekce zdarma po přihlášeníCelý kurz je a zůstane zdarma. Tři lekce – React 09 Výkon, React 10 Návrhové vzory a React 16 Shrnutí – jsou nově bonusové: úvod a první kapitolu si přečte každý, zbytek se odemkne po přihlášení. Stačí e-mail, žádné heslo ani platba, a přihlášení ti navíc uloží postup mezi zařízeními.
- Nová kapitola TypeScript a nové číslováníMezi JavaScriptem a Reactem je nová kapitola TypeScript – typy, které potkáš v React výzvách, tak znáš dřív. Má dvě lekce: kam se píšou typy a novou lekci o union typech, zúžení, stavech jako discriminated union a bezpečné práci s daty zvenku. Každá část kurzu se nově čísluje od 01: JavaScript 01–10, TypeScript 01–02 a React 01–16. Výzvy v kapitole JavaScript jsou čistý JavaScript bez typů. Tvůj postup zůstal zachovaný.
- Návodnější lehké výzvyRozcvičky a lehké výzvy mají připravenou kostru řešení: měníš jen řádky s TODO a komentář u nich říká, co tam patří. U každého kroku je napsané, jaký výsledek se čeká. Testy jsou v editoru schované, vidíš jen kód k úpravě a jejich výsledky. Pokud máš u výzvy uložený vlastní kód, nové zadání uvidíš po kliknutí na „↺ Obnovit výchozí kód“ nad editorem.
- Anonymní měření návštěvnostiAbychom věděli, které lekce se čtou nejvíc, měříme návštěvnost přes Cloudflare Web Analytics – bez cookies a bez možnosti tě identifikovat. Podrobnosti jsou v zásadách ochrany osobních údajů.
- Verze 1.0.0 beta a anglická verze kurzuKurz má první veřejnou betaverzi 1.0.0. Všechny lekce, ukázky, výzvy a taháky jsou teď i v angličtině – jazyk přepneš v levém horním rohu. Chybu nebo nápad můžeš poslat přes formulář na konci lekce.
- Opakování s pokaždé jinými otázkamiU lekcí o JavaScriptu se v opakování objevují otázky s novými hodnotami a odpovědi se pokaždé zamíchají.
- Opakování kvízůKvízy z lekcí se ti vrací po 1, 3, 7, 14 a 30 dnech, abys látku opravdu nezapomněl.
- Vstupní test: kde začít?Deset otázek ti doporučí lekci, kterou začít, a ukáže témata k zopakování.
- Postup, série dnů a odznakyPokračuj tam, kde jsi skončil, sleduj přečtené lekce, drž sérii a sbírej odznaky.
- Výzvy přímo v prohlížeči a rozcvičkyKaždá výzva má editor kódu na stránce a každá lekce snadnou rozcvičku na začátek.
- Kapitola 0: JavaScriptDeset lekcí JavaScriptu, který React potřebuje – od proměnných po reference a async.