Návrh Školení
Úvod
- Přehled Angularu a jeho funkcí
- Pochopení rámce a architektury Angularu
- Co je nového v Angularu 15?
Nastavení vývojového prostředí
- Nainstalovat a nakonfigurovat Angular 15
- Použití stabilních samostatných API, která umožňují vývojářům Angularu budovat aplikace bez Ng Modulů.
- Pochopení zlepšené výkonnosti
Základy TypeScriptu
- Pochopení syntaxe TypeScriptu
- Definování proměnných a pole
- Typy v funkcích
Komponenty
- Anatomie Angular komponenty
- Vytváření a používání komponent
- Komunikace mezi komponentami
- Implementace hooků životního cyklu komponent
- Použití CDK List pro vytváření UI komponent
Direktivy
- Anatomie Angular direktivy
- Vytváření a používání direktiv
- Vytváření vlastních direktiv
- Použití directive composition API
- Použití Image Directive v aplikacích Angular a provedení automatické generace srcset v Image Directive
Služby a Dependency Injection
- Anatomie Angular služby
- Vytváření a používání služeb
- Použití Dependency Injection k správě služeb
Pipy
- Anatomie Angular pipek
- Vytváření a používání pipek
- Vytváření vlastních pipek
Formuláře
- Vytváření a validace formulářů pomocí Angular FormBuilderu
- Implementace reaktivních formulářů
- Použití šablonových formulářů
HttpClient
- Komunikace s RESTful API pomocí modulu HttpClient Angularu
- Implementace GET, POST, PUT a DELETE požadavků
- Zpracování chyb a událostí průběhu
Ověřování a autorizace
- Implementace ověřování a autorizace v aplikacích Angularu
- Použití JSON Web Tokenů (JWT) pro ověřování
- Ochrana tras pomocí guardů
- Zjednodušení šablon v guardech
Testování a ladění
- Pisání unit testů pomocí Jasmine a Karma
- Testování Angular komponent, direktiv, služeb a pipek
- Ladění aplikací Angular pomocí DevTools prohlížeče
- Pochopení vylepšení esbuildu pro rychlejší sestavení
Souhrn a další kroky
Požadavky
- Základní znalost HTML, CSS a JavaScriptu
Cílová skupina
- Vývojáři
- Programátoř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