Úvod do role frontend developera. Objevíš velkou RGB trojku - Angular, Vue a React! Zjistíš, jaké mají tvé statické stránky chyby a kam je můžeš posunout. Nakonec připravíš a nastavíš vše, co potřebuješ pro práci frontend developera!

Seznámíš se s package managery, založíš svůj druhý projekt, kde nastartuješ React aplikaci a pochopíš strukturu svého projektu. Nakonec si poslechneš malý realtalk o boilerplatech v korporátní stáži.

Naučíš se rychle navigovat v projektu, který neznáš, jako senior developer. Převedeš svou úvodní stránku z původního statického webu do nového React projektu. Pochopíš základní rozdíly mezi HTML a JSX/TSX. A nakonec, objevíš naprostý základ debugování.

Zrekapituluješ základy, pochopíš rozdíl mezi statickou a dynamickou URL, vybereš vhodný přístup k routingu, nainstaluješ React Router, projdeš statické i dynamické routy a naučíš se správně linkovat mezi stránkami.

Pochopíš základy programování v TypeScriptu od proměnných přes pole a cykly až po funkce a podmínky.

Naučíš se centralizovat linky, pochopíš DRY, rozdíly exportů a template literal stringy. Nakonec se naučíš, jak celý proces můžeš vylepšit a zvládnout mnohem efektivněji a rychleji přes AI.

Pochopíš, co jsou komponenty, jak řeší znovupoužitelnost, jak fungují props, render tree a jak celý tento proces tvoření komponent zefektivnit díky nástrojům od Jetbrains a AI.

Vyřešíš nefunkční ikony v React aplikaci, nainstaluješ balíček ikon, nahradíš nefunkční ikon elementy komponentami a nastavíš centralizované místo pro ikony s principem DRY, aby šly ikony měnit na jednom místě. Nakonec začneš aplikovat tyto postupy automatizovaně přes AI.

Vysvětlíš rozdíl mezi statickými a dynamickými daty, synchronním a asynchronním programováním, pochopíš Promise a async await a získáš pevný teoretický základ pro práci s REST API, JSON formátem a CRUD operacemi ve frontend aplikaci.

Převedeš statická data do JSONu, napojíš frontend na fetch a připravíš si čistý základ pro pozdější backend bez chaosu v komponentách.

Pochopíš, co je to state management, kdy zvolit local state, nebo global state a začneš přemýšlet o práci se stavem v aplikaci jako developer. Nakonec, objevíš Reactí kontext, práci se stavem v URL, nebo stavových knihovnách.

Nauč se vybrat správnou UI knihovnu a efektivně ji použít ve svém React projektu. Projdi si nejpopulárnější řešení a porozumění rozdílu mezi kompletními knihovnami a Headless UI.