Děkujeme za vaši dotaz! Jeden z našich pracovníků vás brzy kontaktuje.
Děkujeme za rezervaci! Jeden z našich pracovníků vás brzy kontaktuje.
Návrh Školení
Úvod
- Co je nového v Angularu 5?
Přehled Typescriptu a ES6 JavaScriptu
- Syntaxe TypeScriptu
- Použití transpilátoru TypeScriptu
- Nastavení Angular 5 a TypeScriptu
Vytvoření první Angular aplikace
- Plánování aplikace
- Nastavení projektu a aplikace v Angularu s CLI
- Vytvoření základního projektu pomocí Bootstrap 4 a Sass
Práce s částmi Angularu 5
- Vytváření komponentů
- Data-binding a string interpolation (interpolační vložky)
- Vazba vlastností (property binding)
- Vazba událostí (event binding)
- Dvousměrné databinding
- Data modelování
- Direktivy
- Zavádění aplikace (bootstrapping)
- Vstupy a výstupy (inputs & outputs)
Použití komponentů Angularu 5
- Data tok
- Práce s AppModule
- Práce s vlastními komponenty
- Použití šablon a stylů
- Použití view encapsulation (zobalení zobrazení)
- Projekce obsahu (content projection)
- Chápání cyklu života komponenty a lifecycle hooks
- Použití ViewChildren a ContentChildren
Data-binding v Angularu 5
- Přehled vazby vlastností a událostí (property & event binding)
- Vazba a přiřazení aliasů k vlastním vlastnostem
- Vazba a přiřazení aliasů k vlastním událostem
Práce s direktivami
- Vestavěné direktivy
- Vlastní direktivy
Ladění aplikace
- Chápání chybových zpráv v Angularu
- Použití sourcemaps k ladění kódu v prohlížeči
- Použití Augury
Servisy v Angularu 5
- Zvládání důležitosti servisů
- Vytváření logging servisu
- Vytváření datového servisu
Použití dependency injection a providers
- Injectory, Provider, a Tokens
- Konfigurace dependency injection
- Nastavení provideru
- Přidávání servisů do komponent, direktiv a servisů
Přepínání stránek s routingem
- Nastavení tras (routes)
- Konfigurace a načítání tras
- Chápání různých metod navigace
- Použití parametrů v trasách
- Vytváření zanořených tras (nested routes)
- Použití přesměrování a wildcard tras
- Chápání route guards
- Chápání routing strategií
Použití RxJS k vytváření a práci s observables v Angularu
- Přehled observables
- Přehled RxJS
- Vytváření a použití observables v Angularu
Zpracování formulářů
- Použití šablonových formulářů (template driven forms)
- Použití reaktivních formulářů (reactive forms)
Použití pipes
- Vestavěné pipes
- Async pipe
- Vlastní pipes
Odesílání volání na externí HTTP API
Použití Angular modulů
Optimalizace Angularu 5 aplikace
Testování Angularu 5 aplikace
- Použití Jasmine pro unit testy
Bezpečnost v Angularu 5
- Ověřování (authentication)
- Co by a co by nemělo být psáno v Angularu
Nasazování Angularu 5 aplikace do produkce
- Nasazení na IIS, Apache, Nginx atd.
Řešení problémů (troubleshooting)
Závěrečné poznámky
Požadavky
- Znalost základních HTML, CSS a JavaScript
Publikum
- Začátečníci ve vývoji webu
- Zkušení vývojáři frontendu
- Každý, kdo má zájem naučit se vyvíjet aplikace pomocí Angular
28 hodiny
Reference (1)
I liked the communication and way of passing knowledge.
