Vielen Dank für die Zusendung Ihrer Anfrage! Eines unserer Teammitglieder wird Sie in Kürze kontaktieren.
Vielen Dank, dass Sie Ihre Buchung abgeschickt haben! Eines unserer Teammitglieder wird Sie in Kürze kontaktieren.
Schulungsübersicht
Einführung
- Was ist Angular?
- Angular vs. React vs. Vue
- Überblick über Angular 17 Funktionen und Architektur
- Einrichten der Entwicklungsumgebung
Erste Schritte
- Erstellen eines neuen Angular 17-Projekts mit Angular CLI
- Erkunden der Projektstruktur und der Dateien
- Ausführen und Bereitstellen der Anwendung
- Anzeige von Daten mit Interpolation und Ausdrücken
Komponenten
- Verstehen der Rolle von Komponenten in Angular 17
- Erstellen und Verwenden von Komponenten
- Übergabe von Daten zwischen Komponenten mit Hilfe von Eingängen und Ausgängen
- Hooks für den Lebenszyklus von Komponenten verwenden
Direktiven
- Verstehen des Unterschieds zwischen strukturellen und attributiven Direktiven
- Erstellen und Verwenden von eingebauten Direktiven wie ngIf, ngFor, ngSwitch usw.
- Erstellen und Verwenden von benutzerdefinierten Direktiven
Pipes
- Verstehen des Zwecks von Pipes in Angular 17
- Erstellen und Verwenden von eingebauten Pipes wie date, currency, json, etc.
- Erstellen und Verwenden von benutzerdefinierten Pipes
Dienste
- Verstehen der Rolle von Diensten in Angular 17
- Erstellen und Verwenden von Diensten
- Einfügen von Abhängigkeiten mit Hilfe von Anbietern
Module
- Verstehen der Rolle von Modulen in Angular 17
- Erstellen und Verwenden von Modulen
- Importieren und Exportieren von Modulen
Datenbindung
- Verstehen des Unterschieds zwischen einseitiger und zweiseitiger Datenbindung
- Erstellen und Verwenden von Eigenschaftsbindung, Ereignisbindung und Banana-in-a-Box-Syntax
- Verwendung von Template-Referenzvariablen
Routing
- Verstehen der Rolle des Routings in Angular 17
- Erstellen und Konfigurieren von Routen
- Navigieren zwischen Routen mit routerLink und router.navigate()
- Verwendung von Routenparametern, Abfrageparametern und Fragmenten
Formulare
- Verstehen des Unterschieds zwischen vorlagengesteuerten und reaktiven Formularen
- Erstellen und Validieren von Formularen mithilfe von Formularsteuerelementen, Formulargruppen, Formulararrays usw.
- Verwendung von eingebauten Validatoren wie required, minLength, maxLength, etc.
- Erstellen und Verwenden von benutzerdefinierten Validierern
HTTP-Client
- Verstehen der Rolle des HTTP-Clients in Angular 17
- Erstellen und Verwenden von HTTP-Anfragen zur Kommunikation mit Backend-Diensten
- Verwendung von Observables zur Verarbeitung asynchroner Datenströme
- Verwendung von Interceptors zum Ändern oder Verarbeiten von HTTP-Anfragen oder -Antworten
Neuer, deklarativer Kontrollfluss
- Erläuterung der neuen Syntax der Template-Kontrollblöcke und wie sie gängige Aufgaben wie bedingtes Rendering, Schleifen und den Umgang mit leeren Sammlungen vereinfacht
- Beispiele für die Verwendung der neuen Blöcke, wie @if, @else, @switch, @case, @default, @for und @empty
- Vergleich der neuen Syntax mit der bisherigen, wie *ngIf, *ngSwitch und *ngFor
- Erwähnung, wie die neuen Kontrollblöcke zonenlose Anwendungen mit Signalen unterstützen
Blöcke für verzögertes Laden
- Erläuterung des Konzepts des verzögerten Ladens und wie es die Leistung und das Benutzererlebnis von Webanwendungen verbessern kann
- Vorstellung des neuen @defer-Kontrollblocks, der ein verzögertes Laden des Blockinhalts und seiner Abhängigkeiten ermöglicht
- Beispiele für die Verwendung des @defer-Blocks für verschiedene Szenarien, wie das Laden von Komponenten, Direktiven, Pipes, Animationen und Styles
- Erwähnen, wie der @defer-Block mit der neuen View Transitions API funktioniert
Ansichtsübergänge-API
- Erläuterung des Zwecks und der Vorteile der API für Ansichtsübergänge, die es Entwicklern ermöglicht, die Animationen und Übergänge zwischen Ansichten anzupassen
- Einführung in die neue withViewTransitions-Direktive, die die Verwendung der API für View-Übergänge ermöglicht
- Beispiele für die Verwendung der withViewTransitions-Direktive mit verschiedenen Übergangstypen, wie Fade, Slide, Zoom und Flip
- Erwähnung, wie die API für Ansichtsübergänge mit dem Angular-Router und dem Browserverlauf funktioniert
Andere Funktionen und Verbesserungen
- Kurze Zusammenfassung einiger der anderen Funktionen und Verbesserungen, die Angular 17 bietet, wie z. B:
- Unterstützung für die Übergabe von @Component.styles als String
- Der Animationscode von Angular ist lazy-loadbar
- TypeScript 5.2 Unterstützung
- Die Kern-API für Signale ist jetzt stabil
- Node.js v16 Unterstützung wurde entfernt und die minimale Unterstützungsversion ist v18.13.0
- Esbuild wird der Standard-Builder sein und der Standard-Entwicklungsserver wird Vite verwenden
Zusammenfassung und nächste Schritte
Voraussetzungen
- Verständnis von HTML, CSS und JavaScript
- Erfahrung mit TypeScript und RxJS
- Erfahrung in der Webentwicklung
Zielgruppe
- Entwickler, die lernen möchten, wie man mit Angular 17 dynamische und reaktionsschnelle Webanwendungen erstellt
- Entwickler, die ihre Kenntnisse aus früheren Versionen von Angular auffrischen möchten
- Programmierer, die die neuen Funktionen und Verbesserungen von Angular 17 kennenlernen möchten
28 Stunden
Erfahrungsberichte (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Kurs - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Kurs - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Kurs - Building Web Apps using the MEAN stack
Ich mag deine Witze
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Maschinelle Übersetzung
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Kurs - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Schritt-für-Schritt-Analyse. Jede Zeile des Codes wird erklärt. Jedes Problem, das ich während des Kurses hatte, wurde erfolgreich gelöst und Łukasz sagte mir den Grund. Ich mochte auch gute Praktiken, die vorgestellt wurden. Ich war nie vom TDD-Stil überzeugt - ich finde ihn einfach nicht nützlich und seine Zeit wert. Łukasz hat so viele Vorteile von TDD aufgezeigt, dass er meine Meinung komplett geändert hat.
Michał Uściński - Devapo Sp. z o. o.
Kurs - Testing Angular Applications
Maschinelle Übersetzung
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Kurs - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Kurs - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurs - Angular 6
Good examples and interactive course !
