Angular Architektur Workshop, Online, Advanced, Englisch
Plane und entwickle skalierbare Enterprise-Lösungen mit Angular!
Beschreibung
In diesem weiterführenden Online-Training zeigt Ihnen Manfred Steyer (GDE) wie Sie skalierbare Angular-basierte Enterprise- sowie Industrie-Anwendungen planen und umsetzen können. In mehreren Übungen wenden Sie alle erläuterten Themen an. Am Ende haben Sie eine Fallstudie, die Sie als Vorlage für Ihre eigenen Projekte verwenden können.
Sprache
Dieses Training ist internatial ausgerichtet und findet daher auf Englisch statt. Der nächste Deutsche Termin findet im Februar statt.
Highlights
✅ Komplett online – Keine Anreise erforderlich!
✅ Interaktiv: Stellen Sie Fragen und nehmen Sie an Diskussionen teil
✅ Viele Übungen und Live-Coding
✅ Fallstudie, die Sie als Blaupause für Ihre eigenen Projekte verwenden können
✅ Pair-Programming mit Ihrem Trainer
✅ Entworfen von Manfred Steyer, GDE
Einige Impressionen
Wir sind alle über ein browserbasiertes virtuelles Klassenzimmer verbunden.
Viele Live-Codierungen und interaktive Übungen, einschließlich Paarprogrammierung mit Ihren Trainern
Didaktischer Ansatz
Theoriephasen wechseln sich mit Live-Coding und Übungen ab.
Voraussetzungen
Sie haben bereits mit Angular gearbeitet.
Unternehmenstraining
Bitte kontaktieren Sie uns, wenn Sie einen Unternehmensworkshop mit diesen oder ähnlichen Themen (remote oder vor Ort) organisieren möchten. Generell sind Firmenschulungen bei mindestens acht Teilnehmern günstiger. Sie erreichen uns hier: office@angulararchitects.io
17.08. - 19.08.2021
Datum & Uhrzeit:
17.08.2021, 9:00 Uhr - 19.08.2021, 17:00 Uhr
Veranstalltungsort:
Alternativen:
21.06. - 23.06.2021 ( Deutsch )
Ihre Trainer:
Alle Workshop-Inhalte
Struktur für große Anwendungen: Monorepos, Nx und Strategic Design
- Architekturen mit Domain Driven Design (DDD) planen
- CLI Workspaces und Monorepos mit Nx (Nrwl Extensions)
- Wiederverwendbare npm-Pakete entwickeln und verteilen
- Kategorieren für Bibliotheken, Module und Komponenten
- Architekturvorgaben mit Zugriffseinschränkungen erzwingen
- Buildperformance: Inkrementelle Builds und Tests und Caching
- Integration in den CI-Prozess
- Anpassbare Bibliotheken mit erweiterten DI-Mustern und Content Projection
- Das Open/Closed-Principle in Angular
Skalierbare Architekturen: Micro Frontends mit Module Federation und Angular Elements
- Von Strategic Design zu Micro Frontends
- Vor- und Nachteile von Micro Frontends
- Mono Repos vs. multiple Repos
- Webpack Module Federation zum Laden separat kompilierter und bereitgestellter Micro Frontends nutzen
- Dynamisches Module Federation
- Teilen von Abhängigkeiten
- Umgang mit verschiedenen Versionen
- Kommunikation zwischen Micro Frontends
- Frameworkübergreifende Entwicklung mit Angular Elements und Web Components
State Management Patterns mit NGRX und Redux
- Der State-Layer und DDD
- NGRX: Wann, wann nicht und Alternativen?
- Den Redux-Ansatz mit NGRX nutzen
- Arten von Zustände
- Building Blocks: Actions, Reducer
- Selectors und View-Models
- Effects und Seiteneffekte
- Building-Blocks mit Schematics generieren
- Entitäten mit @ngrx/entities verwalten
- Praktikabler Umgang mit Immutables
- Fassaden als Dreh- und Angelpunkt
- NGRX schrittweise einführen
- NGRX und Lazy Loading von Modulen
- Lokale Zustände mit dem brandneuen NGRX/Component-Store
Performance Tuning
- Lazy Loding mit und ohne Router
- Data Binding Performance mit OnPush
- Differential Serving
- AOT und Tree Shaking
- Bundles analysieren
- Web Worker und die CLI
- Caching mit Service Worker
Customization und White-Label-Solutions
- Kundenspezifische Anpassungen zur Laufzeit
- Kundenspezifische Anpassungen zur Compiletime
- Anpassungen über DI
- Optionen für die Konfiguration
Moderne Security-Lösungen und Single Sign-on
- Existierende Identity-Lösungen wie Active Directory anbinden
- Social Login (Login with Facebook etc.)
- OAuth 2 sowie 2.1 und OpenId Connect
- JSON Web Tokens (JWT)
- Token Refresh
- Single Sign out
- Aktuelle Empfehlungen der OAuth 2 Working Group und Konsequenzen
Reaktive Architekturen mit RxJS
- Reaktives Denken und reaktiver Entwurf
- Chaining/ Piping von Operatoren
- Combination Operators
- Higher-Order Observables
- Implizites und Explizites Schließen
- Cold und Hot Observables sowie Multicasting
- Subjects nutzen
- Fehlerbehandlung
- Debugging
Internationalisierung
- I18N Pipes
- Übersetzungen mit dem Angular Compiler (Runtime I18N)
- Übersetzungen mit ngx-translate
- I18N und Eingaben
Angular Ivy: Aktuelle Möglichkeiten und die Zukunft von Angular
- Web Components mit Ivy und Angular Elements
- Lazy Loading von Komponenten
- Ivy und I18N
- Komponenten zur Laufzeit erzeugen
- Zone-less Change Detection
- Higher Order Components
- Eine Zukunft ohne NgModules
