Angular und TypeScript - Komplett

Seminarziel

Nach dieser Veranstaltung kennen Sie die Grundlagen von TypeScript und können auf Basis von TypeScript Anwendungen und Lösungen entwickeln. 
Sie wissen, wie man mit Angular und TypeScript Anwendungen entwickelt und welche  Besonderheiten dabei zu beachten sind. Sie lernen die Angular Grundkonzepte wie Component,Templating und Data Bindung kennen und anwenden. Mit Hilfe von Angular Dependency Injection entwickeln Sie Services und nutzen dabei REST-basierte Serverschnittstellen. Durch den Angular Router stellen Sie eine Navigation innerhalb Ihrer Anwendung zur Verfügung und nutzen Angular Formulare für die Eingabe von Daten. Durch  Testing wird Ihre Angular - Anwendung robust. 

Inhalt

Diese Agenda ist auch Bestandteil (1.-3. Tag) Angular Einstieg und Vertiefung für Enterprise Anwendungen

1. Tag: Auch separat buchbar als TypeScript Einführung und Grundlagen

• Einstieg in TypeScript
  • TypeScript Einführung und Überblick
  • TypeScript Möglichkeiten und Eigenschaften
  • TypeScript Syntax, Schlüsselworte und Code Hierarchie
  • TypeScript Werkzeuge: TypeScript Playground, Visual Studio, Web Essentials, Atom, Sublime Text, Eclipse, NodeJS
  • TypeScript Compiler
  • Hello TypeScript
• TypeScript Basics: Typen, Variablen, Funktionen
  • TypeScript Grammatik, Deklarationen und Annotationen
  • Typinferenz: Typableitung in TypeScript
  • Statische und Dynamische Typisierung in TypeScript
  • Ambiente Deklarationen und Typ Definitions Files
  • "Any" und primitive Datentypen
  • Objekte in TypeScript
  • Funktionen in TypeScript
  • Arrow-Funktionen in TypeScript
  • Generics in TypeScript
• TypeScript Klassen und Schnittstellen
  • Klassen definieren
  • "Casting" - Typumwandlung
  • Datentypen erweitern
  • Schnittstellen verwenden
  • Mixins nutzen
• TypeScript Module
  • JavaScript und Module
  • Interne Module
    • Zugriffe auf interne Module und IIFE
    • Benannte Module
    • Interne Module erweitern
    • Interne Module organisieren
  • Externe Module
    • CommonJS
    • AMD
    • UMD
    • SystemJS
      
      

2.-3. Tag: Auch separat buchbar als Angular mit TypeScript Einführung und Grundlagen

• Angular - Einführung
  • Angular - Designziele 
  • Angular - Application 
  • Angular - Components 
• Angular - Einstieg
  • Angular - Sprachen
  • TypeScript im Überblick
  • Werkzeuge
  • IDE's und Editoren
  • Konventionen: Style Guides
  • Eine Angular - Anwendung erstellen
  • JavaScript, TypeScript, ES2015, Angular und Module
• Angular - Components
  • Component 
  • Import 
  • Decorator 
  • Class 
  • Bootstrapping 
  • Konventionen
• Angular - Templating
  • Templates
  • Data Binding 
  • Directives 
  • Component 
  • Styles 
  • Component Lifecycle
• Angular - Pipes
  • Pipes
  • Build-In Pipes 
  • Custom Pipes
• Angular - Dependency Injection, Services  
  • Dependency Injection 
  • Service erstellen 
  • Service nutzen
• Angular - HTTP, RxJS
  • HTTP Client 
  • RxJS 
  • Observables
• Angular - Router, Navigation
  • Routing 
  • Router 
  • Setup Navigation
• Angular - Forms
  • Template-Driven Forms
  • Reactive Forms
• Angular - Testing
  • Testing in JavaScript
  • Test-Frameworks
  • Test-Runner
  • Mobile Testing
  • Testing in the Cloud
  • Testing in Angular