Návrh Školení
Vývoj moderních front-end aplikací
- přehled a podobnosti React, Angular, Vue.js
- deklarativní renderování
- kompONENTY - definování vlastních HTML tagů
- inicializace projektu React pomocí create-react-app
Moderní JavaScript
- vývoj s použitím node.js a npm
- verze JavaScriptu
- práce s moduly
- funkce a šipkové funkce
- třídy
- funkcionální programování v JavaScriptu (map, filter, ...)
TypeScript
- statické vs dynamické typování
- deklarování typů proměnných, funkcí a tříd
- základní datové typy
- tuple, objekty
- rozhraní
- generics
Šablonovací jazyk Reactu
- JavaScriptový šablonovací jazyk: JSX
- nastavování vlastností prvků
- opakování prvků
- if / else
- události
- CSS třídy a styly
Správa stavu v Reactu
- nastavování a měnění stavu aplikace
- použití stavového hooku a setState
- zachycování obsahu vstupních prvků ve stavu
Komponenty: Stavební kameny moderních webových aplikací
- definování vlastních HTML tagů v Reactu
- stav, props & události
- tok dat mezi komponentami
- funkční komponenty a třídy
- použití hooků ve funkčních komponentách
- události životního cyklu komponent (mount, update, unmount)
- zahrnutí předdefinovaných komponent z knihovny
Správa stavu s Reduxem
- Základy Redux: správa stavu pomocí čistých funkcí, reduktorů a neměnných dat
- použití reduktoru v Reactu
- vložení Redux do Reactové aplikace
- prezentační a kontejnerové komponenty
- Redux ekosystém
- zpracování asynchronních událostí s Thunkem
- načítání dat z REST API
Vývojářské nástroje a testování
- nástroje pro vývoj Reactu
- nástroje pro vývoj Reduxu
- Testování JavaScriptu s Jestem
- testování reduktorů
- testování React komponent
React Router
- router na straně klienta
- zobrazování různých zobrazení v závislosti na aktuální adrese v prohlížeči
Vývoj aplikací s Reactem
- krátký přehled React Native
- vytváření instalovatelných mobilních a desktopových aplikací pomocí Progressive Web Apps
- porovnání Progressive Web Apps a nativních aplikací
Požadavky
- základy HTML
- zkušenost s JavaScript
Reference (7)
Rozsah detailů, způsob vysvětlování a klid a sebedůvěra trenéra inspiruje.
Cosmin Ghergheles - Ness
Kurz - React, Redux and TypeScript
Přeloženo strojem
Pokrýval základní komponenty
Valentin
Kurz - React, Redux and TypeScript
Přeloženo strojem
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Kurz - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Kurz - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Kurz - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Kurz - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.