Návrh Školení
Úvod
- Co je Angular?
- Co je nového v Angularu 11?
Přehled TypeScript a ES6 JavaScriptu
- Syntaxe TypeScriptu
- Použití transpilátoru TypeScriptu
- Nastavení Angular 11 a TypeScriptu
Přehled částí v Angular 11
- Angular CLI
- Komponenty
- Direktivy
- Vstupy a výstupy
- Data binding a interpolace
- Bazén událostí
- Modelování dat
- Spuštění aplikace
- Experimentální Webpack
Vytvoření první Angular aplikace
- Plánování aplikace
- Nastavení Angular projektu
- Vytvoření mobilního uživatelského rozhraní pomocí Bootstrap 4 a Sass
Vytvoření komponenty
- Pochopení životního cyklu komponenty
- Data flow
- Použití šablon a stylů
- Projekce obsahu
- Práce s AppModule
- Práce s vlastními komponentami
- Použití view encapsulation
- Implementace životních cyklů
- Použití ViewChildren a ContentChildren
Data binding v Angular 11
- Pochopení property a event bindingu
- 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
Služby v Angular 11
- Vytvoření logging služby
- Vytvoření datové služby
Použití dependency injection a providers
- Injectory, provider a tokeny
- Konfigurace dependency injectionu
- Konfigurace provideru
- Použití služeb v komponentách, direktivách a službách
Procházení stránek pomocí směrování
- Pochopení různých navigačních metod
- Směrovací strategie
- Nastavení tras
- Konfigurace a načtení tras
- Použití parametrů v trasách
- Vytvoření vnějších tras
- Použití přesměrování a wildcard tras
- Pochopení směrovacích strážců
Použití RxJS k vytváření a práci s observables v Angularu
- Přehled observables
- Přehled RxJS
- Vytvoření & použití observables v Angularu
Generování formulářů pro uživatelský vstup
- Použití template driven formulářů
- Použití reaktivních formulářů
- Vytvoření vlastních validací
- Validace, filtrování a čištění dat z formuláře
Použití pipes
- Transformace výstupu
- Vestavěné pipes
- Async pipe
- Vlastní pipes
Požadávání externích HTTP API
- Odesílání požadavků
Testování Angular 10 aplikace
- Použití Jasmine pro unit testing
- Použití Protractoru pro end-to-end testování
Ladění aplikace
- Pochopení chybových zpráv v Angularu
- Použití sourcemaps k ladění kódu v prohlížeči
- Čtení diagnostiky TypeScript kompilátoru
- Použití Augury
Optimalizace Angular 11 aplikace
- Přepracování kódu
- Změna velikosti balíčků a eliminace mrtvého kódu
Bezpečnost v Angular 11
- Jak funguje ověřování
- Použití JWT ověřování
- Co by mělo a co nemělo být napsáno v Angularu
Nasazení Angular 11 aplikace do produkce
- Nasazení na IIS, Apache, Nginx atd.
Nejlepší praktiky v Angular 11
Řešení problémů
Závěr a shrnutí
Požadavky
- Oboznámění se základy HTML, CSS a JavaScriptu
Publikum
- Vývojáři
Reference (5)
Líbilo se mi, že školení bylo zaměřeno více na praktickou stránku.
Mihaela - Ness
Kurz - NgRx
Přeloženo strojem
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
Kurz - Reactive Programming with Angular RxJS
Vaše vtipy se mi líbily
Dermot - Griffiths & Armour
Kurz - Angular 2 Fundamentals
Přeloženo strojem
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurz - Angular 10 for Developers
Pipe Routing Data Biding Services