Angular Agentic Software EngineeringNGADVFLFast LaneFL-NGADV14<ul>
<li>Fundierte Erfahrung mit Angular (Komponenten, Services, Routing, Formulare)</li><li>Grundkenntnisse in TypeScript und RxJS</li></ul><ul>
<li>Erfahrene Angular-Entwickler, die moderne Angular-v22-Muster anwenden</li><li>Teams, die von veralteten Mustern auf Signale, Signal Forms und NgRx SignalStore umsteigen</li><li>Entwickler, die eine strukturierte Abhandlung über fortgeschrittene Themen wie Routing, Testverfahren, Leistung, Compliance und SSR suchen</li></ul><h5>Modul 01: Agentesbasierte Angular-Softwareentwicklung</h5><ul>
<li>Der Angular-CLI-MCP-Server</li><li>Harness-Dateien: CLAUDE.md, AGENTS.md, copilot-instructions.md</li><li>Kenntnisse im Bereich Angular Agent</li><li>Der Angular-Experten-Subagent</li><li>Hooks und Quality Gates</li></ul><h5>Modul 02: Signale beherrschen</h5><ul>
<li>Grundlagen zu Signalen: signal(), computed(), effect()</li><li>Signalmuster: Eingaben, model(), linkedSignal, Gleichheit</li><li>Asynchrone Signale: httpResource(), resource chain(), debounced()</li><li>@Service und injectAsync</li><li>Signals Tooling: Der Signalgraph der DevTools</li></ul><h5>Modul 03: Komponentenzusammensetzung und Signalabfragen</h5><ul>
<li>Moderne Template-Syntax und Kontrollfluss</li><li>Signalabfragen: viewChild, viewChildren, contentChild, contentChildren</li><li>Inhaltsprojektion, Direktivenkomposition, programmatische Komponenten</li><li>Datenladen mit `resource()` und `@defer`</li><li>Barrierefreies Design mit @angular/aria</li><li>Komponenten-Antimuster und agentengesteuerte Refaktorisierung</li></ul><h5>Modul 04: Signalverläufe</h5><ul>
<li>Grundlagen zu Formularen: form(), Felder, Absenden</li><li>Validierung: validators, validateHttp, validateAsync, validateStandardSchema</li><li>Fehlerbehandlung mit `isSignalErrorState`</li><li>Fortgeschrittene: Arrays, verschachtelte Objekte, dynamische Formulare</li><li>Signalformen und Agenten: Von KI verfasste Tests</li></ul><h5>Modul 05: RxJS – Wo es nach wie vor eine Rolle spielt</h5><ul>
<li>Abonnieren vs. Streamen vs. Signal</li><li>Strategien zum Abflachen und Zusammenführen</li><li>Fehlerbehandlung und benutzerdefinierte Operatoren</li><li>Signal-Interoperabilität in beide Richtungen, rxResource, Entprellung</li><li>Agentengestützte Migration von RxJS zu Signals</li></ul><h5>Modul 06: Zustandsverwaltung mit NgRx SignalStore</h5><ul>
<li>Grundlagen von SignalStore: withState(), withComputed(), withMethods()</li><li>Entitätsverwaltung mit withEntities()</li><li>Speicherzusammensetzung: signalMethod, withFeature, withProps</li><li>Ressourcenerweiterungen und verknüpfter Status</li><li>Das Events-Plugin und Deep Signals</li></ul><h5>Modul 07: Fortgeschrittenes Routing und Initialisierung von Apps</h5><ul>
<li>provideAppInitializer mit injectAsync, @Service</li><li>Funktions-Guards, HTTP-Interceptoren, Fehlerbehandlung</li><li>Signalbasierte Resolver und Routeneingänge</li><li>animate.enter / animate.leave und Ansichtsübergänge</li><li>Routenbasierter SignalStore</li></ul><h5>Modul 08: Fortgeschrittene Testverfahren mit Vitest und Playwright</h5><ul>
<li>Migration von Karma zu Vitest</li><li>Vitest-Grundlagen: Pipes, Direktiven, Dienste, Komponenten</li><li>Signaleingänge, Formulare und Speichertests</li><li>Zoneless Async: whenStable, TestBed.tick, getLastFixture</li><li>Grundlagen des Dramatikschreibens</li><li>Von Agenten verfasste Spezifikationen, durch Mutation bestätigt</li></ul><h5>Modul 09: WebMCP – Das agentenbasierte Web</h5><ul>
<li>Eine Gegenseite für den Agenten</li><li>Signals als WebMCP-Tools</li><li>WebMCP in Komponenten</li><li>Eine Signalform als Werkzeug für Agenten</li><li>SignalStore-Methoden als Werkzeuge</li><li>Navigationswerkzeuge für den Agenten</li><li>End-to-End-Tests der WebMCP-Tools</li></ul><h5>Modul 10: Optimierung und Compliance</h5><ul>
<li>Messung der Core Web Vitals mit Lighthouse</li><li>Bündeloptimierung mit Rolldown und Budgets</li><li>@defer nach Trigger, Zoneless, DevTools-Profiling</li><li>Virtuelles Scrollen und Bildoptimierung</li><li>WCAG 2.2 AA mit @angular/aria</li><li>Compliance-Prüfungen beim Pull-Request</li></ul><h5>Modul 11: Hybrid-Rendering und Hydratisierung</h5><ul>
<li>Server-Routen mit „RenderMode“ und „getPrerenderParams“</li><li>Express 5 mit AngularNodeAppEngine</li><li>Schrittweise Flüssigkeitszufuhr und Auslöser für den Flüssigkeitsbedarf</li><li>Cache mit httpResource übertragen</li><li>CSR vs. SSR – Gemessene Abweichung</li></ul><h5>Modul 12: Agentic Angular DevOps</h5><ul>
<li>Der Deployment-Agent: Whitelists und Manifest</li><li>Bootstrapping und Absicherung eines Ubuntu-Rechners</li><li>Mehrstufige Behälterausgabe mit Caddy</li><li>DNS vor dem ersten ACME-Versuch</li><li>Core Web Vitals und SEO-Loop</li></ul><p><em>Dieser Text wurde automatisiert übersetzt. Um den englischen Originaltext anzuzeigen, klicken Sie bitte <span class="cms-link-marked"><a class="fl-href-prod" href="/swisscom/en/course/training-ngadv"><svg role="img" aria-hidden="true" focusable="false" data-nosnippet class="cms-linkmark"><use xlink:href="/css/img/icnset-linkmarks.svg#linkmark"></use></svg>hier</a></span>.</em></p>- Fundierte Erfahrung mit Angular (Komponenten, Services, Routing, Formulare)
- Grundkenntnisse in TypeScript und RxJS- Erfahrene Angular-Entwickler, die moderne Angular-v22-Muster anwenden
- Teams, die von veralteten Mustern auf Signale, Signal Forms und NgRx SignalStore umsteigen
- Entwickler, die eine strukturierte Abhandlung über fortgeschrittene Themen wie Routing, Testverfahren, Leistung, Compliance und SSR suchenModul 01: Agentesbasierte Angular-Softwareentwicklung
- Der Angular-CLI-MCP-Server
- Harness-Dateien: CLAUDE.md, AGENTS.md, copilot-instructions.md
- Kenntnisse im Bereich Angular Agent
- Der Angular-Experten-Subagent
- Hooks und Quality Gates
Modul 02: Signale beherrschen
- Grundlagen zu Signalen: signal(), computed(), effect()
- Signalmuster: Eingaben, model(), linkedSignal, Gleichheit
- Asynchrone Signale: httpResource(), resource chain(), debounced()
- @Service und injectAsync
- Signals Tooling: Der Signalgraph der DevTools
Modul 03: Komponentenzusammensetzung und Signalabfragen
- Moderne Template-Syntax und Kontrollfluss
- Signalabfragen: viewChild, viewChildren, contentChild, contentChildren
- Inhaltsprojektion, Direktivenkomposition, programmatische Komponenten
- Datenladen mit `resource()` und `@defer`
- Barrierefreies Design mit @angular/aria
- Komponenten-Antimuster und agentengesteuerte Refaktorisierung
Modul 04: Signalverläufe
- Grundlagen zu Formularen: form(), Felder, Absenden
- Validierung: validators, validateHttp, validateAsync, validateStandardSchema
- Fehlerbehandlung mit `isSignalErrorState`
- Fortgeschrittene: Arrays, verschachtelte Objekte, dynamische Formulare
- Signalformen und Agenten: Von KI verfasste Tests
Modul 05: RxJS – Wo es nach wie vor eine Rolle spielt
- Abonnieren vs. Streamen vs. Signal
- Strategien zum Abflachen und Zusammenführen
- Fehlerbehandlung und benutzerdefinierte Operatoren
- Signal-Interoperabilität in beide Richtungen, rxResource, Entprellung
- Agentengestützte Migration von RxJS zu Signals
Modul 06: Zustandsverwaltung mit NgRx SignalStore
- Grundlagen von SignalStore: withState(), withComputed(), withMethods()
- Entitätsverwaltung mit withEntities()
- Speicherzusammensetzung: signalMethod, withFeature, withProps
- Ressourcenerweiterungen und verknüpfter Status
- Das Events-Plugin und Deep Signals
Modul 07: Fortgeschrittenes Routing und Initialisierung von Apps
- provideAppInitializer mit injectAsync, @Service
- Funktions-Guards, HTTP-Interceptoren, Fehlerbehandlung
- Signalbasierte Resolver und Routeneingänge
- animate.enter / animate.leave und Ansichtsübergänge
- Routenbasierter SignalStore
Modul 08: Fortgeschrittene Testverfahren mit Vitest und Playwright
- Migration von Karma zu Vitest
- Vitest-Grundlagen: Pipes, Direktiven, Dienste, Komponenten
- Signaleingänge, Formulare und Speichertests
- Zoneless Async: whenStable, TestBed.tick, getLastFixture
- Grundlagen des Dramatikschreibens
- Von Agenten verfasste Spezifikationen, durch Mutation bestätigt
Modul 09: WebMCP – Das agentenbasierte Web
- Eine Gegenseite für den Agenten
- Signals als WebMCP-Tools
- WebMCP in Komponenten
- Eine Signalform als Werkzeug für Agenten
- SignalStore-Methoden als Werkzeuge
- Navigationswerkzeuge für den Agenten
- End-to-End-Tests der WebMCP-Tools
Modul 10: Optimierung und Compliance
- Messung der Core Web Vitals mit Lighthouse
- Bündeloptimierung mit Rolldown und Budgets
- @defer nach Trigger, Zoneless, DevTools-Profiling
- Virtuelles Scrollen und Bildoptimierung
- WCAG 2.2 AA mit @angular/aria
- Compliance-Prüfungen beim Pull-Request
Modul 11: Hybrid-Rendering und Hydratisierung
- Server-Routen mit „RenderMode“ und „getPrerenderParams“
- Express 5 mit AngularNodeAppEngine
- Schrittweise Flüssigkeitszufuhr und Auslöser für den Flüssigkeitsbedarf
- Cache mit httpResource übertragen
- CSR vs. SSR – Gemessene Abweichung
Modul 12: Agentic Angular DevOps
- Der Deployment-Agent: Whitelists und Manifest
- Bootstrapping und Absicherung eines Ubuntu-Rechners
- Mehrstufige Behälterausgabe mit Caddy
- DNS vor dem ersten ACME-Versuch
- Core Web Vitals und SEO-LoopDieser Text wurde automatisiert übersetzt. Um den englischen Originaltext anzuzeigen, klicken Sie bitte hier.4 Tage11070.002690.002690.002690.002690.002690.00