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
Reference (1)
I liked the communication and way of passing knowledge.