AngularJS Grundkurs
nicht mehr verfügbar
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