Schulung Angular - Basiswissen

Beschreibung/Inhalt

- Dieses Schulungsmodul führen wir wahlweise mit TypeScript oder JavaScript durch. Wir empfehlen Ihnen TypeScript!
- Weiteres Angular-Know-how erhalten Sie im Modul Angular-Aufbauwissen.
- Für Umsteiger von Angular 1.x bieten wir das Modul Angular (ab Version 2.x) für Umsteiger von AngularJS 1.x / Migration auf Angular ab Version 2.x.
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.

Optional: Vermittlung des notwendigen Grundlagenwissens bez. HTML, CSS, JavaScript/ECMAScript und TypeScript
Optional: Konzept einer Singe Page Web Application (SPA)

Überblick

  • Überblick über die Funktionsbereiche und Einsatzgebiete von Angular
  • Angular-Architektur und Konzepte: Module, Komponenten, Router
  • Aktuell verfügbare Versionen
  • Aktualisierungsintervalle
  • Wichtige Ressourcen zu Angular


  • Vorbereitungen
  • Angular CLI-Werkzeuge
  • Ivy-Compiler (ngc)
  • Einrichten der Entwicklungsumgebung (z.B. mit VSCode, Webstorm oder Visual Studio)
  • Einsatz von Vite
  • Wichtige Frameworks/Pakete
  • Verwendung eines Module Loaders
  • Einrichten eines Entwicklungswebservers


  • Architektur einer Angular-Anwendung
  • Komponenten (Components)
  • Standalone Components vs. Module
  • Services
  • Direktiven / Directive Composition API
  • Pipes
  • Router


  • Ein erstes Angular-Projekt
  • Projektaufbau
  • Hello World
  • Debugging


  • Praxis
  • Module erstellen
  • Komponenten erstellen

  • Templates
    Datenbinding und Change Detection/Reaktivität mit Signals
    Untergeordnete Komponenten
    Kommunikation zwischen Komponenten (@input, @output, Ereignisse auslösen und behandeln)
  • Mitgelieferte Angular-Direktiven (ngModel, @if, ngIf, ngSwitch, @for, ngFor, ngClass, ngStyle usw)
  • Pipes
  • Formulare

  • Zwei-Wege-Bindung
    Vorlagen-basierte Formulare
    Model-getriebene Formulare (alias Reaktive Forms, FormBuilder)
    Validieren
    Eigene Validatoren
  • Services
  • Dependency Injection
  • Routing mit dem Angular Router

  • Routen festlegen
    Navigieren zwischen Komponenten
    Child Routes
    LocationStrategy: PathLocationStrategy versus HashLocationStrategy
  • HTTP und AJAX-Kommunikation mit dem Webserver (REST API-Dienste)
  • Reactive Programmierung mit Reactive Extensions for JavaScript (RxJS) und Obserables
  • Eigene Attribut-Direktiven


  • Der Weg zum Produkt
  • Fehlersuche
  • Kompilieren: Just-in-time (JiT)- und Ahead-of-time (AoT) mit dem Angular Compiler ngc
  • Tree Shaking, Minifizieren und Bundling
  • Verbreiten (Deployment) von Angular-Anwendungen


  • Ausblick
  • Drittanbieterkomponenten für typische Aufgaben, z.B. Datepicker, Kontextmenü, Dialog, Angular-Moment
  • Ausblick auf weitere Funktionen, die im Kurs "Angular - Aufbauwissen" behandelt werden.


  • Optional:
  • Design mit Angular Material UI und/oder Bootstrap

  • 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