Schulung Angular - Aufbauwissen (Angular Advanced)

Beschreibung/Inhalt

Dieser Workshop betrachtet erweiterte Aspekte des populären SPA-Frameworks Angular. Er adressiert Architekturfragen, Performance, Sicherheit sowie Qualitätssicherung durch Testen.

Das notwendige Grundlagenwissen zu Angular vermittelt das Schulungsmodul Angular Basiswissen.

Dieses Schulungsmodul kann mit allen aktuellen Angular-Versionen (z.B. 17.0, 16.0, 15.0, 14.0) entsprechend Ihren Wünschen durchgeführt werden.

Architektur und Modularisierung

  • Muster-Architektur einer Angular-basierten Single-Page-Web-Application (SPA)
  • Eigene HTML-Erweiterungen mit Direktiven
  • Web Components (Custom Components) erstellen mit Angular Elements
  • Content Projection
  • Kommunikation zwischen Komponenten und Direktiven
  • Library Projekte
  • Angular Package Format (APF)
  • Erstellen von NPM-Projekten
  • Mono Repo-Ansatz vs. Multiple Repositories


  • Tipps & Tricks
  • Hintergrundwissen zur Datenbindung und Change Detection
  • Namenskonvention
  • Best Practices


  • Performance
  • Performancesteigerung u.a. mit Immutables und Observables
  • Erweiterte Routing-Techniken
  • Lazy Loadinng / Differential Load


  • Server Side Rendering
  • Angular auf dem Webserver
  • Hydration
  • Static Site Generation (SSG)


  • Weitere Features
  • Lifecycle-Hooks
  • Dynamische Formulare
  • Eigene Validierungsregeln
  • Eigene Pipes
  • Animationen


  • Sicherheit
  • Bedrohungen nach OWASP
  • Cross-Site Scripting (XSS)
  • Content Security Policy (CSP)
  • Cross-Site Request Forgery (CSRF / XSRF)
  • Cross-site Script Inclusion (XSSI)


  • Testen und Qualitätssicherung
  • Unit Tests von Angular-Anwendungen mit mit Jasmine und Karma
  • End-2-End-Tests von Angular-Anwendungen mit Protractor/Selenium


  • Optional
  • Anpassen von Angular-CLI: ng eject und Schematics
  • Monorepositories mit den Nx-Werkzeuge von Nrwl
  • Authentifizierungs-Szenarien (Login) mit Oauth 2 und OpenId Connect
  • Reaktive Lösungen mit RxJS und Observables
  • Statemanagement und Datenfluss: Flux-/Redux-Ansatz mit Reactive State for Angular (NGRX): Action, Reduzer, Selector, Effect

  • Komponenten-Bibliotheken (Angular Material UI Design, Angular Bootstrap, andere auf Anfrage)

  • Dauer
    Auf Wunsch. Gerne geben wir Ihnen eine Empfehlung zur notwendigen Schulungsdauer, wenn Sie uns in der Anfrage Ihre Vorkenntnisse und Ziele nennen.
    Ort
    Online oder in Deutschland, Österreich und der Schweiz an Ihrem Firmensitz
    Schulungsdidaktik
    Nach Ihrer Wahl: Klassische Schulung mit PC-Übungen, reine Präsentation ohne PC-Übungen oder interaktiver Workshop mit Beratungsanteil