Návrh Školení
Úvod
- Co je Angular?
- Co je nového v Angular 12?
- Syntaxe TypeScriptu
- Použití transpilátoru TypeScriptu
- Nastavení Angular 12 a TypeScriptu
- Angular CLI
- Komponenty
- Direktivy
- Vstupy a výstupy
- Data binding a interpolace
- Event binding
- Data modeling
- Nahrávání aplikací
- Experimentální Webpack
- Plánování aplikace
- Nastavení Angular projektu
- Vytvoření mobilního uživatelského rozhraní pomocí Bootstrap 4 a Sass
- Porozumění životnímu 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 lifecycle hooks
- Použití ViewChildren a ContentChildren
- Porozumění 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
- Vestavěné direktivy
- Vlastní direktivy
- Vytvoření logovacího servisu
- Vytvoření datového servisu
- Injectory, provider a tokeny
- Konfigurace závislostí
- Konfigurace vašeho provideru
- Použití servisů v komponentách, direktivách a servisech
- Porozumění různým metodám navigace
- Routovací strategie
- Nastavení tras
- Konfigurace a načítání tras
- Použití parametrů v trasách
- Vytvoření vnořených tras
- Použití přesměrování a wildcard tras
- Porozumění route guards
- Přehled observables
- Přehled RxJS
- Vytváření a použití observables v Angularu
- Použití template driven formulářů
- Použití reaktivních formulářů
- Vytváření vlastní validace
- Ověřování, filtrování a sanizace dat formuláře
- Transformace výstupu
- Vestavěné pipes
- Async pipe
- Vlastní pipes
- Odesílání požadavků
- Použití Jasmine pro unit testy
- Průzkum alternativ k Protractoru pro end-to-end testy
- Porozumění chybovým zprávám v Angularu
- Použití sourcemaps k ladění kódu v prohlížeči
- Čtení diagnostiky TypeScript kompilátoru
- Použití Augury k ladění uvnitř prohlížeče
- Vytváření efektivního kódu
- Zmenšování velikosti bundle a eliminace nezbytného kódu
- Jak funguje autentizace
- Použití JWT autentizace
- Co by a co by nemělo být psáno v Angularu
- Nasazování do IIS, Apache, Nginx atd.
Přehled TypeScriptu a ES6 JavaScriptu
Přehled částí Angular 12
Vytvoření první Angular aplikace
Vytvoření komponenty
Data binding v Angular 12
Práce s direktivami
Servisy v Angular 12
Použití závislostí a providerů
Přepínání stránek pomocí routingu
Použití RxJS k vytváření a práci s observables v Angularu
Generování formulářů pro uživatelský vstup
Použití pipes
Připojení k externím HTTP API
Testování Angular 12 aplikace
Ladění aplikace
Optimalizace Angular 12 aplikace
Bezpečnost v Angular 12
Nasazení Angular 12 aplikace do produkce
Osvědčené postupy pro Angular 12
Řešení problémů
Závěr a shrnutí
Požadavky
- Omlouvání se sázkou na základní HTML, CSS a JavaScript
- Vývojáři
- Programátoři
Cílová skupina
Reference (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurz - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurz - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurz - Angular 12
Pipe Routing Data Biding Services