Angular pro pokročilé

Zdeněk Kalina, Software developer a Angular Expert

Zdeněk je profesionál v oblasti software developmentu, který momentálně působí jako Head of Software Development ve společnosti Direct Fidoo. Školení jsou pro něj ale zábavou, které se nechce vzdát, proto u nás už dlouhá léta školí Angular.

Začínal kdysi jako PHP vývojář, postupem času přešel na Javu, JavaScript a začal se věnovat problematice Quality assurance. Vzdělávací proces je pro něj samotného zábavou, rád přepíná mezi programovacími jazyky a nikdy se nebojí bláznivých výzev ve vývoji a vedení.

Zdeněk u nás školí javascriptový webový framework Angular a Angular pro pokročilé.

Pro zájemce z řad Angular vývojářů jsme ušili zbrusu nový kurz pro pokročilé. Je zaměřen především na rozšířené použití běžně používaných způsobů implementace, praktické využití pokročilých postupů a optimalizaci výkonnosti.

Potřebné znalosti:

Pro školení Angular pro pokročilé se předpokládá znalost vývoje ve frameworku Angular.

Požadavky na software:

• Na vašem počítači je potřeba mít nainstalované následující nástroje:
  • Node.js (verze minimálně 10.13)
  • Visual Studio Code nebo jiné IDE s podporou TypeScript

Osnova:

Detekce změn

• Co způsobuje změny
• Co o změnách notifikuje
  • Seznámení s NgZone a Zone.js
  • Proč je setTimeout s nulovým časovým limitem spuštěn až v další cyklu detekce změn?
  • Výkonnostní výhody spuštění kódu mimo NgZone
• Jak se změny porovnávají
  • Rozdíl mezi detektory změn AngularJS a Angular
• Strategie detekce změn
  • Rozdíl mezi Default a OnPush detekcí změn
  • Kde dokáže OnPush detekce změn pomoci nejvíce

Šablonami řízené vs Reaktivní formuláře

• Poslouchání změn
• Změna hodnoty ve formuláři
• Validace vázané na více polí
• Chybí něco v šablonami řízenými formuláři?

Směrování

• Hluboce strukturované stránky
  • Relativní směrování
  • Směrování lazy loaded modulů
• Zabezpečení
  • Popis všech typů route guards
  • Přesměrování z guards
  • Kombinace guards

Building

• JiT vs AoT kompilace
• Nejčastější chybi neodchycené při JiT kompilaci

Dynamicky vytvořené komponenty

• Proč již není potřeba vkládat dynamické komponenty do entryComponents?
• Vytváření a zobrazení dynamických komponent
• Nastavení vstupů do dynamických komponent
• Použití dynamických komponent s OnPush detekcí změn

Znovupoužitelné komponenty

• Tři způsoby vytváření znovupoužitelných komponent
  • Pomocí @Input
  • Pomocí ng-content
  • Pomocí TemplateRef

Znovupoužitelné služby

• Předávání závislostí
  • Přepsání existujících závislostí
  • Injektor lazy loaded modulů
• Jak vytvořit znovupoužitelné služby
  • Pomocí skládání
  • Pomocí dědičnosti

Autentizace pomocí tokenu

• Výhody autentizace tokenem
• Kam ukládat autentizační token
• Vytvoření vlastní autentizační služby
• Posílání autentizačního tokenu s každým HTTP požadavkem
• Použití guards pro odlišení cest vyžadujících autentizaci
• Jak implementovat jednoduchou, ale flexibilní autorizaci
  • Vytvoření autorizační služby s seznamem práv
  • Vlastní direktiva pro ověření autorizace
  • Použití guards pro kontrolu autorizace

Bonus

• Vytvoření znovupoužitelné formulářové komponenty pro vyplnění adresy včetně vlastních validací