AngularJS Komplettkurs

Ziele

In diesem Kurs lernen Sie den Einsatz von AngularJS zur Entwicklung von Single-Page-Web-Anwendungen mit Model-View-Controller (MVC) Entwurfsmuster und die Vorteile der komplexeren Funktionen des Frameworks kennen.

Zielgruppe

Entwickler

Voraussetzungen

Gute JavaScript-Kenntnisse

Agenda

Einführung AngularJS

• Was ist AngularJS?
• Weiterentwickelung
• Bezugsquellen

Die erste AngularJS Anwendung

• Eine einfache Anwendung
• Einsatz von Angular-seed
• Die einzelnen Puzzle-Teile
  • Data Binding
  • Direktiven
• Model, View und Controller aus der AngularJS Perspektive

Single Page Anwendungen

• Was ist eine Single Page Anwendung
• Erstellung von Angular Modulen
• Angulars Routing Service
  • Einführung in Routing
  • Zugriff auf URL Daten
  • Der $location Dienst
• Erstellung einer Single Page Anwendung

Controller

• Verwaltung
• Erstellung eines einfachen Controllers
• Fortgeschrittene Controller

Models

Views

Expressions

• Funktionen
• Begrenzung
• Grenze zwischen Expressions und $eval

Filter

• Standard-Filter
• Eigene Filter verwenden

Scopes

• Was sind Scopes
• Scope Lifecycle
• Scope Hierarchien

Angular Formulare

• Vergleich Angular Formulare und html Formulare
• Events
• Controller
• Validierung
• CSS Klassen

Ajax

• Interaktionen mit Servern
• Interaktionen mit $http
• API
• RESTful Service calls mit $resource

Direktiven

• Text und Attribute
• Einfache Direktiven
• Direktiven und Scopes
• Erstellung wiederverwendbarer Direktiven
• Aus Direktiven Komponenten machen

Testen in Angular

• Unit testing
• End-to-end testing
  • Angulars E2E Testframework
  • Befehle und Ausnahmen

Angular Benutzeroberflächen

• Einsatz von Angular mit Angular UI und Angular Bootstrap
  • Einführung in AngularUI
  • Einführung in Bootstrap und AngularUI-Implementierung
  • Seiten-Layout und -Organisation and organization
  • UI Widgets

Angular Dienste

• Anbieter als ein Konzept
• Der Service Provider
• The Factory Provider
• Das Anbieter-Konzept

Entwicklung benutzerdefinierter Direktiven

• Direktiven in Komponenten umwandeln
• Transclusion
• Beispiele
  • Benutzerdefinierte Elemente
  • Benutzerdefiniertes Event Handling
  • Beobachten von Model Changes mit $observe

Zusammenfassung