Návrh Školení
Úvod
- Co je Angular? Co je nového v Angular 12?
Přehled Typescript a ES6 JavaScript
- Syntaxe TypeScript Použití transpileru TypeScript Nastavení Angular 12 a Typescript
Přehled dílů Angular 12
- Angular CLI komponenty Direktivy Vstupy a výstupy Vazba dat a interpolace Vazba událostí Modelování dat Bootstrapping Experimentální webový balíček
Vytvoření vaší první Angular aplikace
- Plánování aplikace Nastavení Angular projektu Vytvoření uživatelsky přívětivého uživatelského rozhraní pomocí Bootstrap 4 a Sass
Vytvoření komponenty
- Pochopení toku dat životního cyklu komponenty pomocí šablon a stylů Promítání obsahu Práce s AppModule Práce s vlastními komponentami pomocí zapouzdření zobrazení Implementace háčků životního cyklu pomocí ViewChildren a ContentChildren
Vazba dat v Angular 12
- Pochopení vazby vlastností a událostí Vazba a přiřazování aliasů uživatelským vlastnostem Vazba a přiřazování aliasů vlastním událostem
Práce se směrnicemi
- Vestavěné směrnice Celní směrnice
Angular 12 Služby
- Vytvoření služby protokolování Vytvoření datové služby
Použití Dependency Injection a Providers
- Injektory, poskytovatel a tokeny Konfigurace vkládání závislostí Konfigurace vašeho poskytovatele vkládání služeb do komponent, směrnic a služeb
Přepínání stránek pomocí směrování
- Porozumění různým metodám navigace Strategie směrování Nastavení tras Konfigurace a načítání tras pomocí parametrů v trasách Vytváření vnořených tras pomocí přesměrování a tras se zástupnými znaky Porozumění strážcům tras
Použití RxJS k vytváření a práci s Observables v Angular
- Přehled Observables Přehled RxJS Budování a používání Observables in Angular
Generování formulářů pro uživatelský vstup
- Používání formulářů řízených šablonou Používání Reactivních formulářů Vytváření vlastního ověřování Ověřování, filtrování a dezinfekce dat formulářů
Použití potrubí
- Transformace výstupu Vestavěná potrubí Vlastní potrubí asynchronního potrubí
Volání externích HTTP API
- Odesílání žádostí
Testování aplikace Angular 12
- Použití Jasmine pro testování jednotek Zkoumání Protractor alternativ pro testování typu end-to-end
Ladění aplikace
- Pochopení chybových zpráv v Angular Použití Sourcemap k ladění kódu v prohlížeči Čtení TypeScript Diagnostika kompilátoru Použití Augury k ladění uvnitř prohlížeče
Optimalizace aplikace Angular 12
- Přepracování kódu Zmenšení velikosti balíku a odstranění mrtvého kódu
Angular 12 Bezpečnost
- Jak funguje ověřování Pomocí ověřování JWT Co by mělo a nemělo být napsáno v Angular
Nasazení aplikace Angular 12 do výroby
- Nasazení do IIS, Apache, Nginx atd.
Angular 12 Nejlepší postupy
Odstraňování problémů
Shrnutí a závěr
Požadavky
- Znalost základních HTML, CSS a JavaScript
Publikum
- Vývojáři
- Programátoři
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