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)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurz - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
Kurz - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing
Ryan Delport - Leaseweb
Kurz - Angular 6
Practising with actually doing it myself.
Christiaan Sloof - Leaseweb
Kurz - Angular 6
I genuinely enjoyed the trainer is a great specialist.
Lukasz Cysewski - PSI Polska
Kurz - Angular 6
The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.