Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulungsformen
Inhouse-/Firmenschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Individualschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Beschreibung
Verschaffen Sie sich einen Überblick über alle Angular Trainings.
Schulungsziel
Von der Einrichtung bis zur Bereitstellung deckt dieser Angular-Kurs alles ab! Sie erfahren alles über Komponenten, Direktiven, Services, Formulare, Http-Zugriff, Authentifizierung, Optimierung einer Angular App mit Modulen und Offline-Compilation und vieles mehr. Aber das ist noch nicht alles: Diese Schulung zeigt Ihnen auch, wie Sie das Angular CLI verwenden und bietet Ihnen ein komplettes Projekt, das es Ihnen ermöglicht, das im Laufe des Seminars Gelernte zu üben!
Details
Inhalt
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
- Einstieg in Angular
- Was ist Angular
- Das Angular-CLI
- Angular-Projektaufbau und eine erste App
- Was ist TypeScript?
- Verwendung von Typen
- Verwendung von Klassen
- Verwendung von Schnittstellen
- Verwendung von Generika
- Angular Grundlagen
- Wie eine Angular App geladen und gestartet wird
- Komponenten sind wichtig!
- Erstellen einer neuen Komponente
- Bedeutung von AppModule und Komponentendeklaration
- Benutzerdefinierte Komponenten erstellen und verwenden
- Komponenten mit dem CLI anlegen und Komponenten verschachteln
- Arbeiten mit Komponentenvorlagen
- Arbeiten mit Komponenten-Stilen
- Vollständiges Verständnis der Komponentenauswahl
- Was ist Datenbindung?
- Zeichenketten-Interpolation
- Property-Bindung
- Property-Bindung im Vergleich zu Zeichenketten-Interpolation
- Event-Bindung
- Bindung von Eigenschaften und Ereignisse
- Weitergabe und Verwendung von Daten mit Ereignisbindung
- Zwei-Wege-Datenanbindung mit Hilfe des FormsModule
- Kombination von Datenbindungen
- Direktiven verstehen und anwenden
- Bedingte Ausgabe von Daten mit ngIf
- Verbesserung von ngIf mit einer anderen Bedingung
- Dynamische Styling-Elemente mit ngStyle
- CSS-Klassen dynamisch anwenden mit ngClass
- Ausgabe von Listen mit ngFor
- Holen des Index bei Verwendung von ngFor
- Angular Komponenten und Datenanbindung im Detai l
- Angular-Apps in Komponenten aufteilen
- Übersicht über die Eigenschaften- und Ereignis-Bindung
- Bindung an benutzerdefinierte Eigenschaften
- Zuweisen eines Alias zu benutzerdefinierten Eigenschaften
- Bindung an benutzerdefinierte Ereignisse
- 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
- Angular Direktiven im Detai l
- ngFor und ngIf
- ngClass und ngStyle
- Erstellen einer einfachen Attribut-Direktive
- Verwendung des Renderers zum Aufbau einer erweiterten Attribute-Direktive
- Host-Ereignisse mit HostListener abfangen
- Host-Eigenschaften mit HostBinding binden
- Bindung an Eigenschaften der Direktive
- Was sind Struktur-Direktiven?
- Aufbau einer Struktur-Direktive
- Einsatz von ngSwitch
- Angular Services und Dependency Injection
- Gründe für den Einsatz von Services
- Erstellen eines einfachen Protokollierungsdienstes
- Einbinden des Protokollierungsdienstes in Komponenten
- Erstellen eins Datendienstes
- Services in Services einfügen
- 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 holen
- Ein wichtiger Hinweis zu Route Observables
- Übergabe von Query-Parametern und Fragmenten
- Abrufen von Query-Parametern und Fragmenten
- Einrichten von verschachtelten Kinderrouten
- Query-Parameter verwenden
- Konfiguration der Handhabung von Query-Parametern
- Routen-Umleitung und Wildcard-Routen
- Wichtig: Umleitungspfadanpassung
- Auslagerung der Routen-Konfiguration
- Routen schützen und absichern mit Guards
- Routenschutz mit canActivate
- Schützen von verschachtelten Kinderrouten 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
- Analyse von Angular-Observables
- Entwicklung und Nutzung eines einfachen Observables
- Entwicklung und Nutzung eines erweiterten Observables
- Die Unsubscribe-Methode
- Verstehen und Anwenden der RxJS-Operatoren
- Code-Kompatibilität mit rxjs-compat
- Formulare in Angular
- Einführung in Formulare mit Angular
- Template-Driven versus Reactive Formulare
- Beispiele für Template-Driven und Reactive Formulare
- Verwenden von Pipes zur Transformation der Ausgabe
- Einführung über Pipes
- Verwendung von Pipes
- Parametrisieren von Pipes
- Wo Sie mehr über Pipes erfahren können
- Verkettung mehrerer Pipes
- Erstellen einer benutzerdefinierten Pipe
- Parametrisieren einer benutzerdefinierten Rohrleitung
- Beispiel: Erstellen einer Filterleitung
- Pure und Impure Pipe
- Die "async" Pipe
- HTTP -Anfragen in Angular
- Wie HTTP-Anfragen in SPAs funktionieren
- Firebase als Datenbank
- Senden von Anfragen (Beispiel: POST-Anfrage)
- Anpassung der Request-Header
- Senden von GET-Anfragen
- Senden einer PUT-Anfrage
- RxJS 6 ohne rxjs-compat
- Transformieren von Daten mit dem map-Operator
- Verwendung der zurückgegebenen Daten
- Fehlerbehebung ohne rxjs-Kompatibilität
- Abfangen von HTTP-Fehlern
- Verwendung der "async" Pipe mit HTTP-Requests
- Authentifizierung und Schutz von Routen in Angular
- Wie Authentifizierung in Single-Page-Anwendungen funktioniert
- JWT - Überblick
- 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 den Modulen
- Verständnis des App-Moduls
- Verständnis der Feature-Module
- 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 in der Cloud
Zielgruppe & Vorkenntnisse
Web-Entwickler, Web-Programmierer mit Erfahrung mit HTML, CSS, JavaScript, die mit Angular moderne, komplexe, reaktionsschnelle sowie skalierbare Webanwendungen entwickeln wollen.
Ihre Schulung
In Präsenz | Online |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und Praxis | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch inklusive. Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. | Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsplatz | |
|
|
| Lernumgebung | |
Neu aufgesetzte Remote-Systeme für jeden Kurs in Abstimmung mit dem Seminarleiter, sodass Sie über ein perfektes Setup für die Durchführung aller praktischen Übungen verfügen. | |
| Arbeitsmaterialien | |
Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Nach Abschluss des Seminars erhalten Sie das Teilnahmezertifikat inkl. Inhaltsverzeichnis per E-Mail als PDF. | |
| Seminarsprache | |
Es besteht die Möglichkeit, das Seminar "Angular - Power Workshop" auf Englisch als Inhouse-/Firmenschulung abzuhalten. Fragen Sie uns an! | |
Organisation
In Präsenz | Online | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung * | ||
Ab 1 Teilnehmenden | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden. Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| All-Inclusive | ||
Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen via DHL zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Kostenfreie Services
In Präsenz | Online |
|---|---|
|
|
Buchungsmöglichkeiten
Online oder in Präsenz teilnehmen
Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Was bedeutet Offene Schulung und Inhouse Schulung?
Bei einer offenen Schulung stehen Ort und Termin vorab fest. Jeder Interessent kann eine offene Schulung buchen, daher treffen Teilnehmer aus verschiedenen Unternehmen aufeinander.
Inhouse Schulungen können auf Ihren individuellen Schulungsbedarf zugeschnitten werden. Sie bestimmen den Teilnehmerkreis, Termin und Schulungsort.
Ist eine Inhouse Schulung die richtige Wahl?
Bei einer Inhouse Schulung gehen wir auf die individuellen Bedürfnisse Ihres Unternehmens ein und decken den Schulungsbedarf direkt bei Ihnen im Unternehmen ab.
Das spart Zeit und Geld und sorgt für einen schnellen Wissenstransfer Ihrer Mitarbeiter.
Wer kümmert sich um die Technik bei Inhouse Schulungen?
Eine komplette Lernumgebung in der Cloud mit Remote Zugriff ist für uns selbstverständlich. Sie müssen sich um nichts kümmern. Lediglich ein funktionierender PC oder Notebook mit Internetanschluss sollte für jeden Teilnehmer am Schulungstag bereit stehen.
Vorteile einer Inhouse Schulung
- Kompetente Seminarberatung
- Dozenten aus der Praxis
- Auf Ihre Bedürfnisse zugeschnittener individueller Lernstoff
- Sie können den Termin flexibel gestalten, so wie es für Sie am besten passt
- Unsere Inhouse Schulungen können Europaweit durchgeführt werden
- Der Fokus liegt auf Ihrem Schulungsbedarf, somit schonen Sie Ihr Budget
- Wissenslücken Ihrer Mitarbeitet werden schnell geschlossen