Reagovat online kurz. Vývoj komplexních klientských aplikací - bezplatný kurz od HTML Academy, školení 9 týdnů, Datum 15. října 2023.
Různé / / December 04, 2023
Proč je kurz profesionální?
V tomto kurzu se naučíte, jak dělat skutečné projekty se stejnou úrovní složitosti jako v průmyslu. A budete je dělat správně, abyste po zaškolení produkovali výsledky na vysoké úrovni, za které jsou firmy ochotné zaplatit.
Co očekávat během tréninku
žije
Živé přenosy, ve kterých učitelé rozebírají složitá témata z teorie i praxe. Konají se od 19 do 21 moskevského času, registrace je k dispozici druhý den.
Praxe
Po přednášce uděláte domácí úkol, ve kterém zpracujete svůj projekt a upevníte látku kurzu.
Kontrola kódu
Mentor zkontroluje kvalitu zadání a podělí se o své zkušenosti, jak to udělat lépe.
Část 1 Úvod do TypeScript
Podívejme se na schéma práce na kurzu. Pojďme zjistit, co je TypeScript a jaké problémy řeší. Pojďme se seznámit s typem systému a pochopit, jak probíhá proces psaní. Pojďme se naučit, jak nakonfigurovat kompilátor a podívat se na základní nastavení. Pak přejděme k procvičování a pochopení vlastností psaní napsaného kódu: n-tic, rozhraní, generik a tak dále.
Organizační záležitosti.
Recenze projektů.
Schéma práce na kurzu.
Úvod do TypeScriptu.
Co je TypeScript a jaké problémy řeší?
Typový systém.
Jak se kód TypeScript promění v JavaScript.
Infrastruktura: nastavení kompilátoru.
Anotace a automatické odvozování typu.
Procvičte si používání TypeScriptu.
Typování objektů, polí, funkcí.
Generika.
N-tice.
Rozhraní, typové aliasy.
Oddíl 2 Reagovat
Úvod do knihovny React. Pojďme zjistit, jaké problémy řeší a jak může zjednodušit vývoj front-endu. Pojďme připravit základ projektu pomocí nástroje Create React App (CRA). Pojďme se naučit používat šablony pro CRA. Poté se seznámíme s hlavními vlastnostmi knihovny React (JSX, komponenty, přenos dat mezi komponentami).
Reagovat.
Co je React.
Jak React funguje?
Jaké problémy efektivně řeší?
Virtuální DOM.
Infrastruktura.
Vytvořte aplikaci React.
TypeScript.
JSX
Jak se liší od HTML?
Základní pracovní metody.
Komponentní přístup.
Reagovat komponenty.
Rekvizity. Předávání dat prostřednictvím vlastností.
Složení.
Vykreslování komponent.
Vykreslování seznamů.
Podmíněné vykreslování.
Sekce 3 Směrování (React Router)
Pojďme zjistit, jak je ve SPA organizováno směrování. Pojďme do projektu přidat React Router a podívejme se na možnosti balíčku: trasy, přesměrování, soukromé trasy a tak dále.
Směrování ve SPA.
Historie API.
Komponenty Route, Link, Redirect.
Správa trasy.
Oddíl 4 React komponenty. Háčky
Rozšiřme naše znalosti o Reactu a součástkách. Pojďme se naučit řídit stav, používat události a metody životního cyklu komponent. Pojďme se seznámit s React Hooks a naučit se, jak jimi nahradit komponenty třídy. Pojďme se naučit pracovat s formuláři.
Stát.
Jednosměrný tok dat.
Funkční komponenty, komponenty třídy, PureComponent.
Úvod do React Hooks.
Metody životního cyklu.
Reagovat a formovat.
Část 5 Reakce a vzory
Podívejme se na otázku, co je softwarová architektura a jak ji navrhovat. Pojďme se seznámit a naučit se aplikovat designové vzory v praxi.
Design.
Jaký je rozdíl mezi dobrým a špatným programem?
Proč navrhovat software. Cíle designu.
Softwarová architektura.
Návrhářské nástroje.
Designové vzory.
Jaké problémy řeší vzory?
Z čeho se vzor skládá?
Typy návrhových vzorů.
Vzory v Reactu.
Bezstavové komponenty.
Proxy komponenty.
Komponenty vyššího řádu.
Renderové rekvizity.
Poskytovatel.
Reagovat Háčky a vzory.
Oddíl 6 Řízení státu. Redux
Pojďme se seznámit s architekturou Flux: Actions, Dispatchers, Views a Stores. Připojíme se k projektu Redux a aktualizujeme kódovou základnu.
Architektura toku.
Sklad, dispečer, akce.
Redux.
Middleware.
Rozšíření funkcí Redux.
Část 7 Asynchronie v Reduxu
Pojďme se naučit, jak implementovat asynchronní kód do synchronního provozu Redux pomocí Middleware. Pojďme se naučit, jak komunikovat se serverem pomocí balíčku Axios. Pojďme se seznámit s interceptory.
Redux-thunk.
Axios.
Část 8 Optimalizace výkonu
Pojďme diskutovat o výkonu aplikací React: jaké jsou funkce, na co byste měli věnovat pozornost při navrhování komponent na prvním místě. Poté se podíváme na sadu nástrojů Redux Toolkit a naučíme se, jak ji používat, abychom se při práci s Redux zbavili standardního kódu.
Profilování komponent.
Správa aktualizací komponent.
Pamatování.
Redux Toolkit.
Sekce 9 Testování React
Pojďme se seznámit s nástroji a technikami pro testování aplikací React. Nastavíme testovací infrastrukturu a napíšeme testy pro komponenty.
Žert.
React Testovací knihovna.
První týden obrany
Dokončení práce na projektu a příprava na závěrečnou obhajobu.
Druhý týden obrany
První posouzení projektu hodnotícím mentorem podle kritérií kvality.
Třetí týden obrany
Vylepšení projektu na základě připomínek hodnotícího mentora a jeho předložení k druhému posouzení.
Část 10 Konečná
Pojďme si shrnout průběh a určit další vektor studia Reactu a jeho ekosystému. Poté probereme nové funkce Reactu očekávané v budoucích verzích.
Čtvrtý týden obrany
Provádění konečných úprav a získání konečné známky.
G
Gantelka
26.04.2022 G.
Opravdu se mi to líbilo!
Výhody: 1) Současné materiály. 2) Dobře strukturovaný tréninkový plán. 3) Přístupná prezentace informací. 4) Individuální přístup. Nevýhody: Školné není nejlevnější, ale pomáhají časté dárky a slevy. Navíc znalosti získané z kurzů stojí za to. Nedávno dokončený kurz Htmlacademy „React. Vývoj komplexních klientských aplikací." Skvělý kurz! Spousta teorie a další...