Schulung Angular - Aufbauwissen (Angular Advanced)

Beschreibung/Inhalt
Unverbindliches Angebot
anfordern

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. 19.x, 18.x, 17.0, 16.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
    Nach Ihren Wünschen. Gerne geben wir Ihnen eine Empfehlung zur notwendigen Schulungsdauer, wenn Sie uns in der Anfrage Ihre Vorkenntnisse und Ziele nennen.
    Termine
    Auf Anfrage. Wir richten diese Schulung für individuell Ihr Unternehmen aus. Dies ist keine Gruppenschulung, bei der Sie mit anderen Unternehmen zusammen lernen und sich nach einer vorgegebenen Agenda richten müssen.
    Ort
    Online (per TEAMS oder ZOOM oder anderer Videosoftware nach Ihrem Wunsch)
    oder
    an Ihrem Firmensitz in Deutschland, Österreich und der Schweiz (andere Länder auf Anfrage)
    Schulungsdidaktik
    Nach Ihrer Wahl:
    • Klassische Schulung mit PC-Übungen
    • Reine Präsentation ohne PC-Übungen
    • oder
    • Interaktiver Workshop mit Beratungsanteil
    Das ist im Preis enthalten
    Sie erhalten von uns einen Festpreis inklusive:
    • Einem bestimmten, im Angebot benannten und per Expertenprofil ausgewiesenen Top-Experten
    • Vorgespräch mit dem Experten zur Abstimmung der Inhalte und der Didaktik
    • Bis zu 10 Teilnehmer, bei reinen Präsentationen: beliebige Teilnehmeranzahl
    • Teilnahmezertifikat für alle Teilnehmer