Berger Software Engineering
Workshop Logo

Angular Workshop - Advanced

Meistern Sie fortgeschrittene Angular-Konzepte: Änderungserkennung, RxJs, Signale, Komponenten-Pattern, State-Management, Nx-Grundlagen, Architekturmuster und fortgeschrittene Testing-Techniken.

Level
Fortgeschritten
Dauer
3 Tage oder 6 halbe Tage
Voraussetzungen
Veranstaltungsort
Remote
Vor Ort

Für wen ist dieser Workshop geeignet?

Angular-Entwickler mit mindestens 1 Jahr Erfahrung
Erfahrene Frontend-Entwickler, die die Grundlagen von Angular kennen

Workshop Agenda

icon

RxJs im Detail

  • Erweitertes Error-Handling
  • Higher-order Observables
  • Komponenten ohne Subscriptions
  • Reaktive Flows erstellen
icon

Angular Signals Deep-Dive

  • Was sind Signals?
  • Verwendung von Signals für optimierte Change Detection
  • Reaktive Primitiven: signal, computed, effect
  • RxJs und Signals richtig kombinieren
icon

Change Detection Deep-dive

  • Wie funktioniert die Change Detection in Angular?
  • zone.js und post-zone.js
  • Change Detection Profiling und Optimierung
  • Performance-Optimierungsstrategien
  • Change Detection Optimierung
icon

State-Management

  • Globales State-Management
  • Component State-Management
icon

Fortgeschrittene Komponenten-Pattern

  • Reaktive Komponenten erstellen
  • Lokale State-Management-Lösungen nutzen
icon

Nx Essentials

  • Was ist Nx
  • Libraries und Library-Typen
  • Durchsetzung von Architektur in Angular-Projekten
icon

Fortgeschrittene Architekturmuster

  • Architektur für Skalierbarkeit und Wartbarkeit
  • Best Practices für die Komponenten-Architektur
  • Unterschiedliche Architekturmuster wie das Facade-Muster
icon

Testing

  • Komponententests mit Cypress oder Playwright

Warum Unternehmen auf Angular setzen

Angular ist das ideale Framework für moderne Webanwendungen, die skalierbar, leistungsstark und wartungsfreundlich sein sollen. Dank einer klaren Architektur, umfassender Tooling-Unterstützung und bewährter Best Practices ermöglicht Angular die effiziente Entwicklung komplexer Anwendungen.

Angular kommt von Haus aus mit integrierten Lösungen für Formulare, Routing, Testautomatisierung oder HTTP-Verkehr. Dank TypeScript lassen sich damit typsichere Anwendungen entwicklen. Angular unterstützt klassisch Client-Side-Rendering (CSR), Server-Side-Rendering (SSR) und SSG (Static Site Generation) out of the box. Damit ist das Framework nicht nur auf Single-Page-Applications (SPA) beschränkt, sondern kann auch für SEO-freundliche, performante Websites eingesetzt werden.

Mit einer professionellen Angular Beratung lassen sich maßgeschneiderte Lösungen entwickeln, die langfristig für Stabilität und Wachstum sorgen. Unternehmen profitieren von hoher Performance, Wiederverwendbarkeit und einer starken Entwickler-Community. Wer auf Angular setzt, investiert in eine zukunftssichere Technologie, die sich perfekt für Enterprise-Anwendungen eignet.

Beschreibung

Dieser fortgeschrittene Angular-Workshop behandelt hochrangige Konzepte und ist für Entwickler konzipiert, die ihre Expertise im Bau optimierter, skalierbarer Anwendungen vertiefen möchten. Die Sitzung beginnt mit einem eingehenden Blick auf Angular's Änderungserkennungssystem, in dem untersucht wird, wie es funktioniert, die Rolle der Umgebungen zone.js und post-zone.js sowie Strategien zur Profilierung und Optimierung der Änderungserkennung für eine verbesserte Leistung.

Sie werden RxJs und Signale eingehend erkunden, um komplexe Datenströme effektiver zu verwalten. Der Workshop behandelt auch fortgeschrittene Komponenten-Muster, die sich auf das lokale State-Management konzentrieren, sowie State-Management-Strategien auf globaler und lokaler Ebene.

Ein dedizierter Abschnitt zu Nx Essentials führt Sie in Nx, seine verschiedenen Bibliothekstypen und die Durchsetzung von Architekturmustern in Ihren Angular-Projekten ein. Sie lernen auch fortgeschrittene Architekturmuster kennen, um die Skalierbarkeit und Wartbarkeit Ihrer Anwendungen weiter zu verbessern.

Schließlich tauchen wir in die Grundlagen des fortgeschrittenen Testens ein, bei dem Sie das Testen von Komponenten mit Cypress oder Playwright meistern, um sicherzustellen, dass Ihre Anwendungen gründlich getestet und wartbar sind.

Dieser Workshop vermittelt das Wissen, um optimierte, leistungsstarke Angular-Anwendungen mit fortgeschrittenen architektonischen Erkenntnissen und Testtechniken zu erstellen.

Takeaways

Nach Abschluss der Workshops sind Sie in der Lage:

  • Meistern Sie Angulars Änderungserkennung, einschließlich zone.js, post-zone.js und Optimierungsstrategien
  • Verstehen Sie, wie Sie die OnPush-Change Detection Strategie für Performance-Verbesserungen nutzen können
  • Profilieren und optimieren Sie die Änderungserkennung für Leistungssteigerungen
  • Behandeln Sie komplexe asynchrone Operationen mit RxJs und Signalen
  • Implementieren Sie fortgeschrittene Komponentenmuster mit Schwerpunkt auf lokalem State-Management
  • Wenden Sie globale und lokale State-Management-Techniken für skalierbare Anwendungen an
  • Verstehen Sie Nx, Bibliothekstypen und wie Sie Architektur in Angular-Projekten durchsetzen können
  • Integrieren Sie fortgeschrittene Architekturmuster für optimales App-Design
  • Führen Sie Komponententests mit Cypress oder Playwright durch, um zuverlässigen und wartbaren Code zu gewährleisten

Was ist inbegriffen?

  • Hochwertige Materialien mit einer Mischung aus Theorie und Übungen.
  • Viele Best Practices aus meinen Enterprise-Projekten.
  • 8 Stunden Follow-up-Coaching und Beratung nach dem Workshop. Termine und Zeiten können individuell vereinbart werden. Gilt nur für In-House Workshops
  • Lebenslanger Zugriff auf die Workshop-Materialien
  • Praktische Übungen, Live-Coding und Q&A-Sitzungen
  • Teilnahmezertifikat

FAQ zu meinen Workshops

Meine Workshops konzentrieren sich hauptsächlich auf Webentwicklung und Softwarearchitektur. Ich lege Wert auf reaktive Programmierung und architektonische Muster. Angular ist mein Framework der Wahl, da es sich hervorragend für die meisten Unternehmensprojekte eignet.

In all meinen Workshops biete ich hochwertige Materialien, eine gut strukturierte Agenda und eine ausgewogene Mischung aus Theorie und Übungen. All dies wird kombiniert mit vielen Best Practices, die ich im Laufe der Jahre in Unternehmensprojekten bei meinen Kunden gesammelt habe.

Ja, natürlich! Ich komme gerne zu Ihrem Standort und biete Ihrem Team einen Workshop an. Schreiben Sie mir einfach und wir finden die perfekte Lösung für Sie. Ich arbeite jedoch remote-first und bin überzeugt, dass Remote-Workshops genauso effektiv sind wie Workshops vor Ort.

Anfänger-Workshops bieten grundlegende Kenntnisse und erfordern in der Regel keine oder nur wenig Vorerfahrung. Fortgeschrittene Workshops erfordern etwas Erfahrung mit dem Thema und sind detaillierter. Experten-Workshops sind für Personen gedacht, die viel Erfahrung mit dem Thema haben und tief in das Thema eintauchen möchten.

Neben dem Workshop selbst enthalten alle Workshop-Pakete 8 Stunden Follow-up-Coaching und Beratung. Dies kann für Code-Reviews, Architekturberatung oder jedes andere Thema verwendet werden, das Sie mit mir besprechen möchten.

High-Level Workshop Agenda

Um Ihnen ein besseres Gefühl dafür zu geben, wie meine Workshops organisiert sind, hier ein grober Überblick über eine typische Workshop-Agenda.

Bitte beachten Sie, dass die Agenda je nach Workshop und den Bedürfnissen der Teilnehmer variieren kann. Jedes Training ist einzigartig und ich bemühe mich, Ihnen das bestmögliche Erlebnis zu bieten.

09:00 - 10:30 Theorie & Übungen
10:30 - 10:45 Pause
10:45 - 12:15 Theorie & Übungen
12:15 - 13:00 Mittagspause
13:00 - 14:30 Theorie & Übungen
14:30 - 14:45 Pause
14:45 - 16:15 Theorie & Übungen

Nicht den passenden Workshop gefunden?

Keine Sorge, ich erstelle gerne einen maßgeschneiderten Workshop für Sie. Schreiben Sie mir einfach und wir finden die perfekte Lösung für Sie.

Weitere Leistungen

Neben hochwertigen Workshops biete ich eine Vielzahl anderer Leistungen an, um Ihnen und Ihrem Team zu helfen, in Ihren Projekten erfolgreicher zu werden.