Návrh Školení
Úvod
- Co je nového v Angularu 6?
Přehled Typescript a ES6 JavaScript
- Syntaxe TypeScriptu
- Použití transpilátoru TypeScriptu
- Nastavení Angular 6 a TypeScriptu
Přehled částí Angularu 6
- Vytváření komponentů
- Databinding a string interpolation (zahrnutí řetězců)
- Binding vlastností
- Binding událostí
- Two-Way-Databinding (Dvoucestný databinding)
- Data modelování
- Direktivy
- Zavádění aplikace
- Vstupy a výstupy
- Angular CLI
Vytváření první Angular aplikace
- Plánování aplikace
- Nastavení projektu a aplikace pomocí CLI
- Vytváření základního nastavení projektu s Bootstrap 4 a Sass
Použití Angular komponentů
- Data flow (Proud dat)
- Práce s AppModule
- Práce s vlastními komponenty
- Použití šablon a stylů
- Použití View Encapsulation (Zobrazení encapsulace)
- Projekce obsahu
- Porozumění životním cyklům komponent a jejich hookům
- Použití ViewChildren a ContentChildren
Databinding v Angularu 6
- Přehled bindingu vlastností a událostí
- Binding a přiřazování aliasů k vlastním vlastnostem
- Binding a přiřazování aliasů k vlastním událostem
Práce s direktivami
- Vestavěné direktivy
- Vlastní direktivy
Azure Services v Angularu 6
- Vytváření logging služby
- Vytváření datové služby
Použití dependency injection a poskytnutelných entit (providers)
- Injectory, poskytnutelné entity (providers) a tokeny
- Konfigurace dependency injectionu
- Nastavení vašeho poskytnutelného entitu (provider)
- Přidání služeb do komponentů, direktiv a služeb
Přepínání stránek pomocí routingu
- Nastavení trasy (route)
- Konfigurace a načítání tras
- Porozumění různým metodám navigace
- Použití parametrů v trasách
- Vytváření vnějších tras (nested routes)
- Použití přesměrování a trasy zástupce (wildcard route)
- Porozumění routovacím gardám
- Porozumění strategiím routingu
Použití RxJS pro vytváření a práci s observables ve Angularu
- Přehled observables
- Přehled RxJS
- Vytváření a použití observables v Angularu
Práce s formuláři
- Použití template-driven formulářů
- Použití reaktivních formulářů
Použití pipes (filtérů)
- Vestavěné pipes (filtéry)
- Async pipe (asynchronní filtr)
- Vlastní pipes (filtéry)
Požadávání dat z externích HTTP API
Použití Angular modulů
Testování Angular 6 aplikace
- Použití Jasmine pro unit testing (jednotkové testy)
Ladění aplikace
- Porozumění chybovým zprávám v Angularu
- Použití sourcemaps pro ladění kódu v prohlížeči
- Použití Augury
Optimalizace Angular 6 aplikace
Zabezpečení Angular 6 aplikace
- Ověřování (authentication)
- To, co by mělo a nemělo být psáno v Angularu
Nasazení Angular 6 aplikace do produkčního prostředí
- Nasazení na IIS, Apache, Nginx atd.
Rozhodování problémů
Závěrečné poznámky
Požadavky
- Znalost základů HTML, CSS a JavaScript
Účastníci
- Vývojáři
Reference (6)
Dobrý materiál! Trainer je opravdu milý člověk, což hodně pomáhá!
Xander Knol - Conclusion Learning Centers
Kurz - Angular 6
Přeloženo strojem
Praktické cvičení!
William Limberger - Conclusion Learning Centers
Kurz - Angular 6
Přeloženo strojem
Studium celé ekosféry Angularu, TypeScript a zejména routování
Ryan Delport - Leaseweb
Kurz - Angular 6
Přeloženo strojem
Cvičení na vlastní půdě.
Christiaan Sloof - Leaseweb
Kurz - Angular 6
Přeloženo strojem
Opravdu jsem si užil výuku, trénér je skvělý odborník.
Lukasz Cysewski - PSI Polska
Kurz - Angular 6
Přeloženo strojem
Úlohy nás umožnily aplikovat znalosti získané během přednášek v reálném případu. Poskytly nám také možnost klást otázky, pokud jsme nebyli jisti tím, jak něco funguje.
Chris Gilchrist - SAA Consultants LTD
Kurz - Angular 6
Přeloženo strojem