AngularJS Komplettkurs

Classroom Schulung | deutsch | Anspruch

Schulungsdauer: 5 Tage

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

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

Diese Seite weiterempfehlen