Seminar Angular komplett

Erste Schritte mit TypeScript

• TypeScript-Einführung und Überblick
• TypeScript-Möglichkeiten und -Eigenschaften
• TypeScript-Syntax, Schlüsselwörter und Codehierarchie
• TypeScript-Werkzeuge: TypeScript Playground, Visual Studio, Web Essentials, Atom, Sublime Text, Eclipse, NodeJS
• TypeScript-Compiler
• Hallo TypeScript

TypeScript-Grundlagen: Typen, Variablen, Funktionen

• TypeScript-Grammatik, Deklarationen und Annotationen
• Typ-Inferenz: Typableitung in TypeScript
• Statische und dynamische Typisierung in TypeScript
• Ambiente Deklarationen und Typdefinitionsdateien
• "Any" und primitive Datentypen
• Objekte in TypeScript
• Merkmale in TypeScript
• Pfeil-Merkmale in TypeScript
• Generika in TypeScript

TypeScript-Klassen und -Schnittstellen

• Definieren von Klassen
• "Casting" - Typkonvertierung
• Erweitern von Datentypen
• Schnittstellen verwenden
• Mixins verwenden

TypeScript-Modul

• JavaScript und Module
• Interne Module
• Zugriff auf interne Module und IIFE
• Benannte Module
• Interne Module erweitern
• Interne Module organisieren
• Externe Module
• CommonJS
• Amd
• UMD
• SystemJS

Angular - Einführung

• Angular - Design-Ziele
• Angular - Anwendung 
• Angular - Komponenten 

Angular - Einstieg

• Angular - Sprachen
• TypeScript auf einen Blick
• Werkzeuge
• IDE's und Editoren
• Konventionen: Style Guides
• Erstellen einer Angular-Anwendung
• JavaScript, TypeScript, ES2015, Angular und Module

Angular - Komponenten

• Komponente 
• importieren
• Dekorator 
• Klasse 
• Bootstrapping 
• Konventionen

Angular - Pipes

• Pipes
• Eingebaute Pipes
• Benutzerdefinierte Pipes

Angular - Injektion von Abhängigkeiten, Dienste  

• Injektion von Abhängigkeiten 
• Einen Dienst erstellen
• Dienst verwenden

Angular - Schablonierung

• Schablonen
• Daten-Bindung 
• Direktiven 
• Komponente 
• Stile 
• Lebenszyklus von Komponenten

Angular - HTTP, RxJS

• HTTP-Client 
• RxJS 
• Observables

Angular - Router, Navigation

• Routing
• Router
• Navigation einrichten

Angular - Formulare

• Template-gesteuerte Formulare
• Reaktive Formulare

Angular - Testen

• Testen in JavaScript
• Test-Frameworks
• Test-Runner
• Mobiles Testen
• Testen in der Cloud
• Testen in Angular

Wiederverwendbarer Code

• Feature-Module
• Lazy Loading Module
• Gemeinsam genutzte Module
• Angular-Bibliotheken erstellen

Routing-Vertiefung

• Routing in Feature-Modulen
• Kind-Routen
• Benannte Ausgänge
• Wachen
• Asynchrones Routing

Zustandsverwaltung mit NgRx

• Konzept
• Installation und Schemata
• Fehlersuche in der DevTools-Erweiterung
• Speichern, Aktionen, Reducers und Selektoren
• Effekte erstellen (REST)

Unit-Tests mit Jasmine

• Grundlagen Jasmine Matcher
• Testen von Komponenten
• Komponenten mit Abhängigkeiten
• Testen von Diensten
• Testen von Direktiven und Pipes

Ende-zu-Ende-Tests

• Erstellen von User Stories
• Navigieren
• Auffinden von Elementen
• Ereignisse auslösen
• Asynchrones Testen