Reagovať online kurz. Vývoj komplexných klientskych aplikácií - bezplatný kurz od HTML Academy, školenie 9 týždňov, Termín 15.10.2023.

Časť 1 Úvod do TypeScript
Uvažujme o schéme práce na kurze. Poďme zistiť, čo je TypeScript a aké problémy rieši. Poďme sa zoznámiť s typovým systémom a pochopiť, ako prebieha proces písania. Poďme sa naučiť konfigurovať kompilátor a pozrieť sa na základné nastavenia. Potom prejdime k praxi a pochopeniu funkcií písania napísaného kódu: n-tice, rozhrania, generiká atď.

Organizačné záležitosti.

Preskúmanie projektov.
Schéma práce na kurze.

Úvod do TypeScript.

Čo je TypeScript a aké problémy rieši?
Typový systém.
Ako sa kód TypeScript zmení na JavaScript.
Infraštruktúra: nastavenia kompilátora.
Anotácie a automatické odvodzovanie typu.

Precvičte si používanie TypeScriptu.

Typovanie objektov, polí, funkcií.
Generiká.
Tuples.
Rozhrania, typové aliasy.

Oddiel 2 Reagovať
Úvod do knižnice React. Poďme zistiť, aké problémy rieši a ako môže zjednodušiť vývoj front-endov. Poďme pripraviť základ projektu pomocou nástroja Create React App (CRA). Poďme sa naučiť, ako používať šablóny pre CRA. Potom sa zoznámime s hlavnými vlastnosťami knižnice React (JSX, komponenty, prenos dát medzi komponentmi).

Reagovať.

Čo je React.
Ako funguje React?
Aké problémy efektívne rieši?
Virtuálny DOM.

Infraštruktúra.

Vytvorte aplikáciu React.
TypeScript.

JSX

Ako sa líši od HTML?
Základné pracovné metódy.

Komponentný prístup.

Reagovať zložky.
Rekvizity. Prenos údajov cez vlastnosti.
Zloženie.

Komponenty vykresľovania.

Vykresľovanie zoznamov.
Podmienené vykreslenie.

Časť 3 Smerovanie (smerovač React)
Poďme zistiť, ako je organizované smerovanie v SPA. Pridajme do projektu React Router a pozrime sa na možnosti balíka: trasy, presmerovania, súkromné ​​trasy atď.

Smerovanie v SPA.
História API.
Komponenty Route, Link, Redirect.
Správa trasy.

Oddiel 4 React komponenty. Háčiky
Rozšírme naše znalosti o React a komponentoch. Naučme sa, ako riadiť stav, používať udalosti a metódy životného cyklu komponentov. Poďme sa zoznámiť s React Hooks a naučiť sa, ako nimi nahradiť komponenty triedy. Naučme sa pracovať s formulármi.

Štát.
Jednosmerný tok dát.
Funkčné komponenty, komponenty triedy, PureComponent.
Úvod do React Hooks.

Metódy životného cyklu.

Reagovať a formovať.

Časť 5 Reakcia a vzory
Pozrime sa na otázku, čo je softvérová architektúra a ako ju navrhnúť. Poďme sa zoznámiť a naučiť sa aplikovať dizajnové vzory v praxi.

Dizajn.

Aký je rozdiel medzi dobrým a zlým programom?
Prečo navrhovať softvér. Ciele dizajnu.
Architektúra softvéru.
Dizajnové nástroje.

Dizajnové vzory.

Aké problémy riešia vzory?
Z čoho sa vzor skladá?
Typy dizajnových vzorov.

Vzory v Reacte.

Bezstavové komponenty.
Proxy komponenty.
Komponenty vyššieho rádu.
Renderové rekvizity.
Poskytovateľ.
Reagovať Háčiky a vzory.

Oddiel 6 Riadenie štátu. Redux
Poďme sa zoznámiť s architektúrou Flux: Actions, Dispatchers, Views a Stores. Pripojíme sa k projektu Redux a aktualizujeme základňu kódu.

Architektúra toku.
Sklad, dispečer, akcie.

Redux.

Middlewares.

Rozšírenie funkčnosti Redux.

Časť 7 Asynchrónnosť v Redux
Poďme sa naučiť, ako implementovať asynchrónny kód do synchrónnej prevádzky Reduxu pomocou Middleware. Poďme sa naučiť, ako komunikovať so serverom pomocou balíka Axios. Poďme sa zoznámiť s interceptormi.

Redux-thunk.

Axios.

Časť 8 Optimalizácia výkonu
Poďme diskutovať o výkone aplikácií React: aké funkcie existujú, na čo by ste mali venovať pozornosť pri navrhovaní komponentov v prvom rade. Potom sa pozrieme na Redux Toolkit a naučíme sa, ako ho použiť na zbavenie sa štandardného kódu pri práci s Reduxom.

Profilovanie komponentov.
Správa aktualizácií komponentov.
Zapamätanie.
Redux Toolkit.

Časť 9 Testovanie React
Zoznámime sa s nástrojmi a technikami na testovanie aplikácií React. Nastavíme testovaciu infraštruktúru a napíšeme testy pre komponenty.

Jest.
React Testovacia knižnica.

Prvý týždeň obrany
Ukončenie prác na projekte a príprava na záverečnú obhajobu.

Druhý týždeň obrany
Prvé hodnotenie projektu hodnotiacim mentorom podľa kritérií kvality.

Tretí týždeň obrany
Zlepšenie projektu na základe pripomienok hodnotiaceho mentora a jeho predloženie na druhé posúdenie.

Časť 10 Záverečná
Poďme si zhrnúť priebeh a určiť ďalší vektor štúdia Reactu a jeho ekosystému. Potom budeme diskutovať o nových funkciách Reactu, ktoré sa očakávajú v budúcich vydaniach.

Štvrtý týždeň obrany
Vykonávanie posledných úprav a získavanie konečnej známky.