Návrh Školení

Úvod

  • Co je nového v Angularu 5?

Přehled TypeScriptu a ES6 JavaScriptu

  • Syntaxe TypeScriptu
  • Použití transpilátoru TypeScriptu
  • Nastavení Angular 5 a TypeScriptu

Vytvoření první Angular aplikace

  • Plánování aplikace
  • Nastavení projektu a aplikace pomocí CLI (Command Line Interface)
  • Vytvoření základního setupu pomocí Bootstrap 4 a Sass

Práce s částmi Angular 5

  • Vytváření komponentů
  • Databinding a String Interpolation (interpolace řetězců)
  • Property Binding (propojování vlastností)
  • Event Binding (propojování událostí)
  • Dvousměrné databinding
  • Data Modelling (modelování dat)
  • Directives (direktivy)
  • Bootstrapping (spouštění aplikace)
  • Inputs & Outputs (vstupy a výstupy)

Použití komponentů Angular 5

  • Data Flow (tok dat)
  • Práce s AppModule (hlavním modulem aplikace)
  • Vytváření vlastních komponentů
  • Použití šablon a stylů
  • Použití View Encapsulation (zabalení zobrazení)
  • Projekce obsahu
  • Porozumění životním cyklům komponent a jejich hookům (cyklickým funkčnostem)
  • Použití ViewChildren a ContentChildren (pracování s dětmi komponenty)

Databinding v Angularu 5

  • Přehled propojování vlastností a událostí
  • Propojování a přiřazování aliasů k vlastním vlastnostem
  • Propojování a přiřazování aliasů k vlastním událostem

Práce s direktivami

  • Vestavěné direktivy
  • Vlastní direktivy

Ladění aplikace

  • Porozumění chybovým zprávám v Angularu
  • Použití sourcemaps (zdrojových map) pro ladění kódu v prohlížeči
  • Použití Augury (nástroje pro ladění Angular aplikací)

Služby v Angular 5

  • Základy služeb a jejich důležitost
  • Vytváření loggingové služby (služby pro záznam událostí)
  • Vytváření datové služby

Použití dependency injection a providers (prostředky pro injektování závislostí)

  • Injectors, Provider, a Tokens (injektory, poskytovatelé a tokeny)
  • Konfigurace dependency injection (injektování závislostí)
  • Nastavení poskytovatele
  • Injektování služeb do komponent, direktiv a dalších služeb

Přepínání stránek pomocí routingu (navigace)

  • Nastavení routů (cest)
  • Konfigurace a načítání routů
  • Porozumění různým způsobům navigace
  • Použití parametrů v routech
  • Vytváření vnořených routů (cest)
  • Použití přesměrování a wildcardových routů
  • Porozumění route guards (ochránám cest)
  • Porozumění strategiím routingu (navigace)

Použití RxJS k vytváření a práci s observables (pozorovatelnými daty) v Angularu

  • Přehled observables (pozorovatelných dat)
  • Přehled RxJS (knihovny pro práci s pozorovatelnými daty)
  • Vytváření a použití observables v Angularu

Práce s formuláři

  • Použití template-driven formulářů (formulářů řízených šablonami)
  • Použití reactive formulářů (reaktivních formulářů)

Práce s pipes (transformačními funkcemi)

  • Vestavěné pipes
  • Async Pipe (asynchróní pipe)
  • Vlastní pipes

Připojování k externím HTTP API (aplikace programového rozhraní)

Použití Angular modulů

Optimalizace Angular 5 aplikace

Testování Angular 5 aplikace

  • Použití Jasmine pro unit testing (testování jednotek)

Zabezpečení v Angularu 5

  • Authentication (autentifikace)
  • Co by a co by nemělo být psáno v Angularu

Nasazování Angular 5 aplikace do produkce

  • Nasazení na IIS, Apache, Nginx atd.

Řešení potíží (troubleshooting)

Závěrečné poznámky

Požadavky

  • Oboznámění s základními HTML, CSS a JavaScriptem

Cílová skupina

  • Beginners in web development (začínající v webové vývoji)
  • Zkušené front-end programátory
  • Kdo se chtějí naučit, jak vyvíjet aplikace pomocí Angularu
 28 hodiny

Počet účastníků


Cena za účastníka

Reference (1)

Nadcházející kurzy

Související kategorie