Seminarinhalt
Im Kurs „Mastering Single Page Applications with Angular“ lernen Sie, Single Page Applications (SPAs) mit Angular von Grund auf zu entwickeln. Der Kurs konzentriert sich auf die Kernkonzepte von Angular und führt Sie schrittweise durch die wichtigsten Techniken zur Erstellung moderner Webanwendungen. Sie arbeiten mit TypeScript, lernen Komponenten zu erstellen, setzen Routing ein und verwenden Reactive Forms. Der Fokus liegt auf praktischen Übungen, die Sie dabei unterstützen, das Gelernte direkt anzuwenden.
Praktische Übungen:
Jedes Modul enthält praktische Übungen und Anwendungsbeispiele. Am Ende des Kurses wird eine vollständige Angular-Anwendung entwickelt und in die Cloud deployt.
Im Mastering Angular: Advanced Skills for Professional Development Kurs werden fortgeschrittenen Themen wie Standalone-Komponenten, fortgeschrittenes State Management mit NgRx oder komplexe Testing-Strategien behandelt. Dieser Kurs bietet eine fundierte Einführung, auf die später im Advanced Kurs aufgebaut werden kann.
Praktische Übungen:
Jedes Modul enthält praktische Übungen und Anwendungsbeispiele. Am Ende des Kurses wird eine vollständige Angular-Anwendung entwickelt und in die Cloud deployt.
Im Mastering Angular: Advanced Skills for Professional Development Kurs werden fortgeschrittenen Themen wie Standalone-Komponenten, fortgeschrittenes State Management mit NgRx oder komplexe Testing-Strategien behandelt. Dieser Kurs bietet eine fundierte Einführung, auf die später im Advanced Kurs aufgebaut werden kann.
Programm
Einführung in Angular und TypeScript:
- Grundkonzepte von Angular und SPA-Architekturen.
- Verwendung der Angular CLI für Projektkonfiguration.
- Einführung in TypeScript und seine Rolle in Angular.
- Erstellung und Verwaltung von Angular-Komponenten.
- Property- und Event-Binding sowie Two-Way-Datenbindung.
- Einführung in die Nutzung von Direktiven und Pipes.
- Grundlagen von Routing und Navigation.
- Nutzung von Lazy Loading für Performance-Optimierung.
- Gestaltung von Responsive User Interfaces mit CSS Grid und Flexbox.
- Einführung in Angular Material für moderne UI-Komponenten.
- Erstellung von Formularen mit Template-driven Forms und Reactive Forms.
- Grundlegende Validierungsstrategien und Einführung in Custom Validators.
- Einführung in Observables und ihre Anwendung für asynchrone Operationen.
- Verwendung einfacher RxJS Operators wie map und filter.
- Einführung in State Management über Services.
- Grundlagen des Event-Sharings zwischen Komponenten.
- Grundlagen des Unit-Testing mit Jasmine.
- Erste Schritte in Integrationstests.
- Einführung in JWT, OAuth 2.0 und OpenID Connect.
- Deployment einfacher Anwendungen auf Firebase oder Docker.
- Grundlagen des Angular Frameworks und dessen Architektur.
- TypeScript und seine Anwendung in Angular-Projekten.
- Entwicklung von einfachen Komponenten und die Nutzung von Datenbindung.
- Routing und Navigation für Single Page Applications.
- Gestaltung von Responsive User Interfaces mit CSS Grid und Flexbox.
- Einsatz von Reactive Forms für grundlegende Formularvalidierungen.
- Grundkenntnisse der Reaktiven Programmierung mit RxJS und Observables.
- Basiswissen zum State Management und zum Event-Sharing über Services.
- Grundlagen des Unit-Testing und erste Schritte im Integrationstesting.
- Einführung in Authentifizierung und Deployment auf Cloud-Plattformen wie Firebase.
Zielgruppen
Dieser Kurs richtet sich an Webentwickler und Webentwicklerinnen, die bereits Grundkenntnisse in JavaScript besitzen und professionelle Single Page Applications mit Angular erstellen möchten.
Vorkenntnisse
- JavaScript und HTML Basics.
- Grundkenntnisse im Web Development.
- Erste Erfahrung mit objektorientierter Programmierung.