AngularJS Grundkurs

Classroom Schulung | deutsch | Anspruch

Schulungsdauer: 3 Tage

Ziele

In diesem Kurs erhalten Sie eine Einführung in die Entwicklung mit AngularJS.

Zielgruppe

Entwickler

Voraussetzungen

Praxiserfahrung in HTML, CSS und JavaScript

Agenda

Schnelleinstieg AngularJS

  • Projektsetup
  • Controller erstellen
  • Listen einbinden
  • Bidirektionale Bindungen
  • Stylesheets
  • Ereignisse
  • Methoden binden

Module und ihre Bedeutung

  • Wozu dienen Module?
  • Applikationsmodul erstellen
  • Modul initialisieren
  • Manueller Bootstrap
  • Variable definieren
  • Konstante definieren
  • Abhängigkeiten definieren
  • Model-Modul erstellen

Controller

  • Überblick Controller-Themen
  • Controller definieren
  • Controller anbinden
  • ControllerAs
  • Dependency Injection

Gültigkeitsbereiche - Scope

  • Einen Scope generieren und nutzen
  • Controller zuweisen
  • Datenzugriff
  • Methode ausrufen
  • Hierarchie
  • Root-Scope
  • Nachrichten-Bus
  • Senden von benutzerdefinierten Nachrichten
  • Werte überwachen
  • Apply-Funktionalität

Vorlagen verwenden - Unterschiedliche Wege der Template Verwendung

  • HTML-Elemente als Vorlage
  • Template-Datei als Vorlage
  • Routing
  • Parameter hinzufügen
  • Verlinkungen
  • Ereignisse

Filter

  • Filter und ihre Möglichkeiten
  • Ausgabe limitieren
  • Listen sortieren
  • Groß- und Kleinschreibung
  • Datums- und Zeitausgaben
  • Dezimalstellen begrenzen
  • Währungen ausgeben
  • Liste durchsuchen
  • Eigenen Filter erstellen

Direktiven

  • Überblick: Was sind Direktiven?
  • Mausklickdirektive
  • Weitere Mausereignisse
  • Änderungsdirektive
  • Style-Direktiven
  • Inhaltsdirektive
  • Bildquellen zuweisen
  • Links aktualisieren
  • Bedingungen

Direktiven selbstgemacht

  • Definition einer Direktive
  • Gültigkeitsbereich einer Direktive
  • Eigenen Gültigkeitsbereich erstellen
  • Direktiventypen
  • Inhalte mittels Transklusion einbinden
  • Direktive auflösen
  • Externe Templates einbinden
  • Einfache Direktive erstellen

Services

  • Überblick Services
  • Service-Modul
  • Lokale Daten speichern
  • HTTP-Anforderungen einbinden
  • JSON-Objekte einbinden
  • Caching-System
  • Header setzen
  • REST-Schnittstelle
  • Standardmethoden
  • Informationen abfragen
  • Daten speichern
  • Mit Promise arbeiten

Formulare

  • Überblick Formulare?
  • Formulare initialisieren
  • Native Validierung
  • CSS-Klassen
  • Weitere Validierungsoptionen
  • Auswertungsobjekt
  • Direktiven in Formularen

über den Tellerrand

  • Internet Explorer einbinden
  • jQuery einbinden
  • Applikation komprimieren
  • Animationen verwenden
  • Unit-Test mit AngularJS

Ziele

In diesem Kurs erhalten Sie eine Einführung in die Entwicklung mit AngularJS.

Zielgruppe

Entwickler

Voraussetzungen

Praxiserfahrung in HTML, CSS und JavaScript

Agenda

Schnelleinstieg AngularJS

  • Projektsetup
  • Controller erstellen
  • Listen einbinden
  • Bidirektionale Bindungen
  • Stylesheets
  • Ereignisse
  • Methoden binden

Module und ihre Bedeutung

  • Wozu dienen Module?
  • Applikationsmodul erstellen
  • Modul initialisieren
  • Manueller Bootstrap
  • Variable definieren
  • Konstante definieren
  • Abhängigkeiten definieren
  • Model-Modul erstellen

Controller

  • Überblick Controller-Themen
  • Controller definieren
  • Controller anbinden
  • ControllerAs
  • Dependency Injection

Gültigkeitsbereiche - Scope

  • Einen Scope generieren und nutzen
  • Controller zuweisen
  • Datenzugriff
  • Methode ausrufen
  • Hierarchie
  • Root-Scope
  • Nachrichten-Bus
  • Senden von benutzerdefinierten Nachrichten
  • Werte überwachen
  • Apply-Funktionalität

Vorlagen verwenden - Unterschiedliche Wege der Template Verwendung

  • HTML-Elemente als Vorlage
  • Template-Datei als Vorlage
  • Routing
  • Parameter hinzufügen
  • Verlinkungen
  • Ereignisse

Filter

  • Filter und ihre Möglichkeiten
  • Ausgabe limitieren
  • Listen sortieren
  • Groß- und Kleinschreibung
  • Datums- und Zeitausgaben
  • Dezimalstellen begrenzen
  • Währungen ausgeben
  • Liste durchsuchen
  • Eigenen Filter erstellen

Direktiven

  • Überblick: Was sind Direktiven?
  • Mausklickdirektive
  • Weitere Mausereignisse
  • Änderungsdirektive
  • Style-Direktiven
  • Inhaltsdirektive
  • Bildquellen zuweisen
  • Links aktualisieren
  • Bedingungen

Direktiven selbstgemacht

  • Definition einer Direktive
  • Gültigkeitsbereich einer Direktive
  • Eigenen Gültigkeitsbereich erstellen
  • Direktiventypen
  • Inhalte mittels Transklusion einbinden
  • Direktive auflösen
  • Externe Templates einbinden
  • Einfache Direktive erstellen

Services

  • Überblick Services
  • Service-Modul
  • Lokale Daten speichern
  • HTTP-Anforderungen einbinden
  • JSON-Objekte einbinden
  • Caching-System
  • Header setzen
  • REST-Schnittstelle
  • Standardmethoden
  • Informationen abfragen
  • Daten speichern
  • Mit Promise arbeiten

Formulare

  • Überblick Formulare?
  • Formulare initialisieren
  • Native Validierung
  • CSS-Klassen
  • Weitere Validierungsoptionen
  • Auswertungsobjekt
  • Direktiven in Formularen

über den Tellerrand

  • Internet Explorer einbinden
  • jQuery einbinden
  • Applikation komprimieren
  • Animationen verwenden
  • Unit-Test mit AngularJS

Diese Seite weiterempfehlen