Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Návrh Školení
Úvod
- Co je Angular?
- Angular vs React vs Vue
- Přehled Angular 17 funkcí a architektury
- Nastavení vývojového prostředí
Začínáme
- Vytvoření nového projektu Angular 17 pomocí Angular CLI
- Prozkoumání struktury projektu a souborů
- Spuštění a obsluha aplikace
- Zobrazení dat pomocí interpolace a výrazů
Komponenty
- Pochopení role komponent v Angular 17
- Vytváření a používání komponent
- Předávání dat mezi komponenty pomocí vstupů a výstupů
- Použití háčků životního cyklu komponent
směrnice
- Pochopení rozdílu mezi strukturálními a atributovými směrnicemi
- Vytváření a používání vestavěných direktiv, jako jsou ngIf, ngFor, ngSwitch atd.
- Vytváření a používání vlastních direktiv
Trubky
- Pochopení účelu potrubí v Angular 17
- Vytváření a používání vestavěných kanálů, jako je datum, měna, json atd.
- Vytváření a používání vlastních potrubí
Služby
- Pochopení role služeb v Angular 17
- Vytváření a používání služeb
- Vkládání závislostí pomocí poskytovatelů
Moduly
- Pochopení role modulů v Angular 17
- Vytváření a používání modulů
- Import a export modulů
Vazba dat
- Pochopení rozdílu mezi jednosměrnou a obousměrnou datovou vazbou
- Vytváření a používání vazby vlastností, vazby události a syntaxe banánů v krabici
- Použití referenčních proměnných šablony
Směrování
- Pochopení role směrování v Angular 17
- Vytváření a konfigurace tras
- Navigace mezi trasami pomocí routerLink a router.navigate()
- Použití parametrů trasy, parametrů dotazu a fragmentů
formuláře
- Pochopení rozdílu mezi šablonami řízenými a reaktivními formuláři
- Vytváření a ověřování formulářů pomocí ovládacích prvků formulářů, skupin formulářů, polí formulářů atd.
- Pomocí vestavěných validátorů, jako jsou požadované, minLength, maxLength atd.
- Vytváření a používání vlastních validátorů
HTTP klient
- Pochopení role klienta HTTP v Angular 17
- Vytváření a používání požadavků HTTP pro komunikaci s backendovými službami
- Použití pozorovatelných prvků ke zpracování asynchronních datových toků
- Použití interceptorů k úpravě nebo zpracování požadavků nebo odpovědí HTTP
Nový, deklarativní kontrolní tok
- Vysvětlení nové syntaxe řídicího bloku šablony a toho, jak zjednodušuje běžné úlohy, jako je podmíněné vykreslování, smyčkování a manipulace s prázdnými kolekcemi
- Uvádění příkladů použití nových bloků, jako jsou @if, @else, @switch, @case, @default, @for a @empty
- Porovnání nové syntaxe s předchozí, například *ngIf, *ngSwitch a *ngFor
- Uvádíme, jak nové řídicí bloky podporují bezzónové aplikace pomocí signálů
Odložené nakládací bloky
- Vysvětlení konceptu odloženého načítání a toho, jak může zlepšit výkon a uživatelskou zkušenost webových aplikací
- Představujeme nový řídicí blok @defer, který umožňuje líné načítání obsahu bloku a jeho závislostí
- Uvádění příkladů použití bloku @defer pro různé scénáře, jako je načítání komponent, direktiv, kanálů, animací a stylů
- Zmínka o tom, jak funguje blok @defer s novým rozhraním API pro přechody zobrazení
Zobrazit rozhraní API pro přechody
- Vysvětlení účelu a výhod rozhraní API pro přechody pohledů, které umožňuje vývojářům přizpůsobit animace a přechody mezi pohledy
- Představujeme novou direktivu withViewTransitions, která umožňuje použití rozhraní API pro přechody zobrazení
- Uvádění příkladů použití direktivy withViewTransitions s různými typy přechodů, jako je fade, slide, zoom a flip
- Zmínka o tom, jak funguje rozhraní API pro přechody zobrazení se směrovačem Angular a historií prohlížeče
Další funkce a vylepšení
- Stručně shrnuje některé další funkce a vylepšení, které Angular 17 nabízí, jako například:
- Podpora pro předávání @Component.styles jako řetězec
- Kód animací Angular lze líně načíst
- TypeScript Podpora 5.2
- Základní signálové API je nyní stabilní
- Node.js Podpora v16 byla odstraněna a minimální verze podpory je v18.13.0
- Esbuild bude výchozím tvůrcem a výchozí dev server bude používat Vite
Shrnutí a další kroky
Požadavky
- Pochopení HTML, CSS a JavaSkript
- Zkušenosti s TypeScript a RxJS
- Zkušenosti s vývojem webu
Publikum
- Vývojáři, kteří se chtějí naučit používat Angular 17 k vytváření dynamických a responzivních webových aplikací
- Vývojáři, kteří chtějí upgradovat své dovednosti z předchozích verzí Angular
- Programátoři, kteří chtějí prozkoumat nové funkce a vylepšení Angular 17
28 hodiny
Reference (2)
Nejvíce se mi líbil tréninkový tok; prošla tématem a na konci tématu pro nás měla přesně definovaná cvičení. Dokázala nás rychle nasměrovat k problémům, kterým jsme čelili na tréninku.
Rabin Byanjankar - Lument
Kurz - Angular 17
Machine Translated
Bylo to velmi interaktivní a informativní. Trenér s námi měl velkou trpělivost, když jsme něčemu nerozuměli, a zajistil, aby nikdo nezůstal pozadu po celou dobu školení.
Daniel - INIT Innovations in Transportation Ltd.
Kurz - Angular 17
Machine Translated
