Einführung & Installation
  • Einführung
  • Installation der benötigten Tools
Erste Schritte
  • Einleitung
  • Hintergrundwissen: Wie wird eine Angular - Anwendung geladen?
  • Ausgeben von Variablen
  • Variable ändern
  • Schleifen: ngFor in Angular
  • Einführung TypeScript
Grundlegende Funktionen
  • Regieren auf Ereignisse
  • ngFor mit Index
  • Das keyup-event (1)
  • Das keyup-event (2)
  • If-Abfragen (ngIf)
  • Wir programmieren eine Stoppuhr!
Components, Components, Components...
  • Was ist ein Component?
  • Wir schreiben einen eigenen Component!
  • Wir übergeben einen Parameter an unseren Component
  • Eigene Ereignisse
  • Was ist ein EventEmitter?
  • Wir programmieren einen kleinen, eigenen Component
  • Wir programmieren einen kleinen, eigenen Component (2)
Parameter übergeben (data-binding)
  • Parameter übergeben: two-way data-binding (1)
  • Parameter übergeben: two-way data-binding (2)
  • Parameter übergeben: two-way data-binding (3)
  • Projektvorstellung + Aufgabe: Programmiere eine Todo-Liste
  • Todo-Liste, Musterlösung (1)
  • Todo-Liste, Musterlösung (2)
Components (2)
  • Css-Klassen setzen
  • Css-Styles setzen
  • Components: Eigenes Panel programmieren (ng-content)
  • Components: Eigenes Panel programmieren (ng-content select)
  • Module in Angular 2
  • Hintergrundwissen: Wie funktioniert ngStyles? Was sind WebComponents?
  • HTML-Code / CSS-Code in separaten Dateien
  • Components: Lifecycle Callbacks
Routing: Entwickle eine Anwendung mit mehreren Unterseiten
  • Einführung: Was ist Routing überhaupt?
  • Routing: Einfaches Beispiel
  • Routing: Navigationsleiste programmieren
  • Routing: Startseite definieren
  • Routing: Diese Seite konnte nicht gefunden werden
  • Routing: Parameter übergeben (1)
  • Routing: Parameter übergeben (2)
  • Exkurs: Was sind Observables? (1)
  • Exkurs: Was sind Observables? (2)
Services / Wikipedia - Projekt
  • Projekt: Wikipedia API abfragen (1)
  • Projekt: Wikipedia API abfragen (2)
  • Projekt: Wikipedia API abfragen (3)
  • Projekt: Wikipedia API abfragen (4)
  • Projekt: Wikipedia API abfragen (5)
  • Projekt: Wikipedia API abfragen (6)
  • Projekt: Wikipedia API abfragen (7)
  • Projekt: Wikipedia API abfragen (8)
  • Projekt: Wikipedia API abfragen (9)
  • Exkurs: JsonP vs. Http
Express + Angular
  • Überblick: Projekt Express + Angular
  • Einrichtung des Express-Servers
  • Angular einrichten (1)
  • Angular einrichten (2)
  • Angular einrichten (3) - TypeScript
  • Angular einrichten (4) - Typings
  • Angular einrichten (5)
  • Einbau von LiveReload
  • Todo-Service erstellen
  • Daten vom Server laden
  • Daten anzeigen
  • Neuen Eintrag erstellen (Angular)
  • Neuen Eintrag erstellen (Server)
  • Todo-App fertigstellen
Exkurs: Ionic / App-Entwicklung mit Angular
  • Einführung
  • Installation
  • Erste Schritte
  • Entwicklung einer einfachen App
  • Wie geht es jetzt weiter?
Schlussworte
  • Schlussworte