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 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Kurz - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Kurz - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Kurz - Building Web Apps using the MEAN stack
Vaše vtipy se mi líbily
Dermot - Griffiths & Armour
Kurz - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Kurz - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Analýza krok za krokem. Vysvětlení každého řádku kódu. Každý problém, který jsem měl během kurzu, byl úspěšně vyřešen a Łukasz mi řekl důvod. Líbily se mi také osvědčené postupy, které byly prezentovány. Nikdy jsem nebyl přesvědčen o stylu TDD - prostě mi to nepřipadá užitečné a nestojí za to. Łukasz poukázal na tolik výhod TDD, že to úplně změnilo můj názor.
Michał Uściński - Devapo Sp. z o. o.
Kurz - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Kurz - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Kurz - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurz - Angular 6
Good examples and interactive course !
