Schulung Angular - Basiswissen

Beschreibung/Inhalt
Unverbindliches Angebot
anfordern

- 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. 20.x, 19.x, 18.x, 17.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
    Signal Forms
    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
    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