Angular - Intensiv-Schulung für Einsteiger

Methode
Dauer

Angular - Intensiv-Schulung für Einsteiger

HECKER CONSULTING
Logo von HECKER CONSULTING

Tipp: Sie suchen eine Inhouse Schulung? Erhalten Sie von mehreren Anbietern unverbindliche Angebote!

Beschreibung

Verwenden Sie eines der erfolgreichsten und besten Software-Frameworks für Ihre Unternehmens-Anwendungen

 

Von der Einrichtung bis zur Bereitstellung deckt unsere "Angular - Beratung, Coaching, Workshop, Training" alles ab!

Sie erhalten aktuelle Informationen über Komponenten, Direktiven, Services, Formulare, Http-Zugriff, Authentifizierung, Optimierung einer Angular-App mit Modulen und vieles mehr. Ihre individuellen Fragen und Themenwünsche werden dabei natürlich berücksichtigt.

 

Angular Einstieg

  • Was ist Angular?
  • Von AngularJS nach Angular
  • Das Angular-CLI
  • Angular-Projektaufbau und eine erste App
  • Was ist TypeScript?
  • Verwendung von Typen in TypeScript
  • Verwendung von Klassen in TypeScript
  • V…

Gesamte Beschreibung lesen

Frequently asked questions

Es wurden noch keine FAQ hinterlegt. Falls Sie Fragen haben oder Unterstützung benötigen, kontaktieren Sie unseren Kundenservice. Wir helfen gerne weiter!

Noch nicht den perfekten Kurs gefunden? Verwandte Themen: Angular, Software-Architektur, Testen (Software), Software Entwicklung und R Programmiersprache.

Verwenden Sie eines der erfolgreichsten und besten Software-Frameworks für Ihre Unternehmens-Anwendungen

 

Von der Einrichtung bis zur Bereitstellung deckt unsere "Angular - Beratung, Coaching, Workshop, Training" alles ab!

Sie erhalten aktuelle Informationen über Komponenten, Direktiven, Services, Formulare, Http-Zugriff, Authentifizierung, Optimierung einer Angular-App mit Modulen und vieles mehr. Ihre individuellen Fragen und Themenwünsche werden dabei natürlich berücksichtigt.

 

Angular Einstieg

  • Was ist Angular?
  • Von AngularJS nach Angular
  • Das Angular-CLI
  • Angular-Projektaufbau und eine erste App
  • Was ist TypeScript?
  • Verwendung von Typen in TypeScript
  • Verwendung von Klassen in TypeScript
  • Verwendung von Schnittstellen in TypeScript
  • Verwendung von Generika in TypeScript

Angular Grundlagen

  • Wie eine Angular App geladen und gestartet wird
  • Angular ist komponentenbasiert
  • Erstellen einer neuen Angular-Komponente
  • Bedeutung von AppModule
  • Bedeutung der Komponentendeklaration
  • Benutzerdefinierte Angular-Komponenten erstellen und verwenden
  • Angular-Komponenten mit dem CLI anlegen
  • Angular-Komponenten verschachteln
  • Arbeiten mit Komponenten-Vorlagen
  • Arbeiten mit Komponenten-Stilen
  • Arbeiten mit Komponenten-Selektoren
  • Was ist Datenbindung?
  • String-Interpolation (Zeichenketten-Interpolation)
  • Property-Binding (Eigenschaften-Bindung)
  • Property-Binding im Vergleich zu String-Interpolation
  • Event-Binding (Ereignis-Bindung)
  • Gleichzeitige Bindung von Eigenschaften und Ereignissen
  • Weitergabe und Verwendung von Daten mittels Ereignisbindung
  • Zwei-Wege-Datenanbindung mit Hilfe des Forms-Modul
  • Kombination von Datenbindungen
  • Angular-Direktiven verstehen und anwenden
  • Bedingte Ausgabe mit ngIf
  • Alternative ngIf-Ausgabe mit einer else-Bedingung
  • Dynamisches CSS-Styling von Elementen mit ngStyle
  • CSS-Klassen dynamisch anwenden mit ngClass
  • Ausgabe von Listen mit ngFor
  • Nutzen des Index bei Verwendung von ngFor

Angular Komponenten und Datenanbindung im Detail

  • Angular-Apps in Komponenten aufteilen
  • Übersicht über die Eigenschaften- und Ereignis-Bindung
  • Bindung an benutzerdefinierte Eigenschaften
  • Zuweisen eines Alias zu benutzerdefinierten Eigenschaften
  • Zuweisen eines Alias zu benutzerdefinierten Ereignissen
  • Zusammenfassung der benutzerdefinierten Eigenschaften und der Ereignisbindung
  • Verständnis der View-Kapselung
  • Lokale Referenzen in Vorlagen verwenden
  • Zugriff auf die Vorlage und das DOM mit @ViewChild erhalten
  • Projektion von Inhalten in Komponenten mit ng-content
  • Verständnis des Komponentenlebenszyklus
  • Zugriff auf ng-content mit @ContentChild erhalten
  • Bindung an benutzerdefinierte Ereignisse

Angular Direktiven im Detail

  • ngFor und ngIf
  • ngClass und ngStyle
  • Erstellen einer einfachen Attribut-Direktive
  • Verwendung des Renderers zum Aufbau einer erweiterten Attribut-Direktive
  • Host-Ereignisse mit HostListener abfangen
  • Host-Eigenschaften mit HostBinding binden
  • Direktiven und Datenbindung
  • Konzept von Struktur-Direktiven
  • Aufbau einer Struktur-Direktive
  • Einsatz von ngSwitch

Angular Services und Dependency Injection

  • Verstehen der Angular Dependency Injection
  • Gründe für den Einsatz von Services
  • Erstellen eines einfachen Angular-Service
  • Einbinden des Angular-Service in Komponenten
  • Erstellen eines Angular-Datendienstes
  • Services in Services einfügen und verwenden
  • Dienste für die komponentenübergreifende Kommunikation nutzen

Angular Routing

  • Warum brauchen wir einen Router?
  • Einrichten und Laden von Routen
  • Navigieren mit Router-Links
  • Verstehen von Navigationspfaden
  • Styling des aktiven Router-Links
  • Programmgesteuertes Navigieren
  • Verwendung relativer Pfade in der programmatischen Navigation
  • Parameter an Routen übergeben
  • Routenparameter holen
  • Routenparameter reaktiv laden
  • Ein wichtiger Hinweis zu Route Observables
  • Übergabe von Query-Parametern und Fragmenten
  • Abrufen von Query-Parametern und Fragmenten
  • Einrichten von verschachtelt Child-Routen
  • Query-Parameter verwenden
  • Konfiguration der Handhabung von Query-Parametern
  • Routen-Umleitung und Wildcard-Routen
  • Die Umleitungspfadanpassung
  • Auslagerung der Routen-Konfiguration in Router-Module
  • Routen schützen und absichern mit Guards
  • Routenschutz mit canActivate
  • Schützen von verschachtelten Child-Routen mit canActivateChild
  • Verwenden eines Authentifizierungs-Service
  • Steuerung der Navigation mit canDeactivate
  • Statische Daten an eine Route übergeben

Angular und Observables mit RxJS

  • Angular und RxJS
  • Verstehen von Observables, Observer, Subscriber
  • Entwicklung und Nutzung eines Observables
  • Die Unsubscribe-Methode
  • Verstehen und Anwenden der RxJS-Operatoren
  • Einsatz von RxJS-Subjects

Angular und Formulare

  • Einführung in Formulare mit Angular
  • Template-Driven Forms versus Reactive Forms
  • Formular erstellen und Controls registrieren
  • Formular abschicken und verwenden
  • Formularzustände verstehen
  • Zugriff auf Formulare mit @ViewChild
  • HTML5-Validierung hinzufügen

Angular und Pipes

  • Einführung über Pipes
  • Typische Anwendung von Pipes
  • Angular-Pipes kennen und verwenden
  • Parameter für Pipes
  • Verkettung mehrerer Pipes
  • Erstellen einer benutzerdefinierten Pipe
  • Parameter für eine benutzerdefinierten Pipe
  • Die "async"-Pipe

HTTP-Anfragen in Angular

  • Wie HTTP-Anfragen in SPAs funktionieren
  • Senden von GET-Anfragen
  • Senden von POST, PUT, DELETE-Anfragen
  • Transformieren von Daten mit dem map-Operator
  • Einsatz von HttpClient und Datentypen
  • Verarbeiten der zurückgegebenen Daten
  • Abfangen von HTTP-Fehlern
  • Der "catchError"-Operator
  • Nutzen eines Interceptors
  • Verwendung der "async"-Pipe mit HTTP-Requests

Authentifizierung und Schutz von Routen in Angular

  • Wie Authentifizierung in Single-Page-Anwendungenfunktioniert
  • Erstellen einer Anmeldeseite und einer Route
  • Benutzer registrieren
  • Benutzer anmelden
  • Anfordern und senden eines Authentifizierungstoken
  • Überprüfen und Verwenden des Authentifizierungsstatus
  • Hinzufügen einer Abmelde-Funktion
  • Beispiel für Routenschutz und Umleitung

Module in Angular

  • Die Idee hinter Angular-Modulen
  • Verständnis des App-Moduls
  • Verständnis von Feature-Modulen
  • Reihenfolge der Modul-Importe
  • Registrieren von Routen in einem Feature-Modul
  • Verstehen und Erstellen von gemeinsamen Modulen
  • Laden von Komponenten über Selektoren versus Routing
  • Anwendung des Lazy Loading
  • Wie Module und Services zusammenwirken
  • Template-Interaktion + Produktionsbuilds
  • Wie man AoT Compilation (Vorab-Kompilierung) mit dem CLI verwendet
  • Vorladen von Lazy Loading-Routen

Bereitstellen einer Angular-Anwendung

  • Bereitstellungsvorbereitungen
  • Bereitstellung im Internet

NgRX - Zustandsverwaltung in Angular

  • Die Bedeutung der Zustandsverwaltung
  • Die Struktur von NgRX
  • Ein einfaches NgRx-Beispiel

Testing in Angular

  • Aufbau der Angular-Testing-Welt
  • Unit-Tests verstehen und anwenden
  • E22-Tests verstehen und anwenden

 

Mit unserer "Angular - Beratung, Coaching, Workshop, Training" gelingt Ihnen der perfekte Einstieg in das Angular-Framework. Sie erhalten ein vollständiges Verständnis der Architektur hinter einer Angular-Anwendung und bekommen alle relevanten Informationen um moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen mit einem der modernsten Frontend-Web-Frameworks auf dem Markt zu entwickeln.

 

Die Weiterbildung "Angular - Intensiv-Schulung für Einsteiger" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!

 

Erstklassige Beratung, Coaching, Workshops und Training für Ihre IT-, Online- und Digitalisierungsthemen. Über 300 aktuelle IT-, Online-, Digital-Themen - Live-Online und Vor-Ort in Ihrem Hause, auf jeden Fall immer persönlich und individuell!

Sie erhalten von uns:

➜ Training & Coaching für Einzelpersonen
➜ Training & Workshops für Teams und Abteilungen
➜ Training-Komplett-Lösungen für Ihr Unternehmen

Sie finden bei uns:

AWS, Analytics + Business Intelligence (BI), Azure, Big Data + Data Science, Cloud-Computing, Collaboration, Datenbanken, DevOps, Digitale Strategie, Digitale Transformation, E-Commerce, E-Learning, Excel, Für Marketing, Für Verkauf + Vertrieb, IT & Software, Java, JavaScript, Künstliche Intelligenz (KI), Microsoft, Moodle, No-Code / Low-Code, Online Marketing, Online-Meeting, PHP, Power Platform, Programmiersprachen, Projektmanagement, Python, R, Robotic Process Automation (RPA), SEO, SQL, SQL Server, Scrum, Software Engineering, Tableau, Teams

Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 300 IT-, Online- und Digital-Beratungsleistungen.

Es wurden noch keine Bewertungen geschrieben.
  • Sehen Sie sich ähnliche Produkte mit Bewertungen an: Angular.

Schreiben Sie eine Bewertung

Haben Sie Erfahrung mit diesem Kurs? Schreiben Sie jetzt eine Bewertung und helfen Sie Anderen dabei die richtige Weiterbildung zu wählen. Als Dankeschön spenden wir € 1,00 an Stiftung Edukans.

Es wurden noch keine FAQ hinterlegt. Falls Sie Fragen haben oder Unterstützung benötigen, kontaktieren Sie unseren Kundenservice. Wir helfen gerne weiter!