Schulungsübersicht
Einführung
- Was ist Angular?
- Angular vs. React vs. Vue
- Überblick über Angular 16 Funktionen und Architektur
- Einrichten der Entwicklungsumgebung
Erste Schritte
- Erstellen eines neuen Angular 16-Projekts mit Angular CLI
- Erkunden der Projektstruktur und der Dateien
- Ausführen und Bereitstellen der Anwendung
- Anzeige von Daten mithilfe von Interpolation und Ausdrücken
Komponenten
- Verstehen der Rolle von Komponenten in Angular 16
- 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 16
- 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 16
- Erstellen und Verwenden von Diensten
- Einfügen von Abhängigkeiten mit Hilfe von Providern
Module
- Verstehen der Rolle von Modulen in Angular 16
- 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 16
- 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 eingebauter Validatoren wie required, minLength, maxLength usw.
- Erstellen und Verwenden von benutzerdefinierten Validierern
HTTP-Client
- Verstehen der Rolle des HTTP-Clients in Angular 16
- 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
Fehlersuche
- Verstehen der häufigsten Fehler und Bugs in Angular 16-Anwendungen
- Verwendung von Chrome DevTools zur Untersuchung von Elementen, Quellen, Netzwerk, Konsole usw.
- Verwendung von Haltepunkten, Überwachungsausdrücken, Aufrufstapel usw. zum Debuggen von Code
Testen
- Verstehen der Bedeutung von Tests in Angular 16-Anwendungen
- Verwendung von Jest als alternatives Test-Framework
- Verwendung von Karma als Test-Runner für Unit-Tests
- Verwendung von Protractor als End-to-End-Testwerkzeug
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 16 dynamische und reaktionsschnelle Webanwendungen erstellt
- Entwickler, die ihre Kenntnisse aus früheren Versionen von Angular auffrischen möchten
- Programmierer, die die neuen Funktionen und Aktualisierungen von Angular 16 kennenlernen möchten
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 !