AngularJS kompakt

Seminarinformationen

Seminar - Ziel

Ziel dieses Seminars ist es Ihnen eine Einführung in AngularJS zu vermitteln

Teilnehmer - Zielgruppe

Entwickler

Kurs - Voraussetzungen

Damit Sie an diesem Seminare teilnehmen können sollten Sie über gute Kenntnisse in JavaScript, HTML und CSS verfügen

Seminardauer

  • 5 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Schnelleinstieg - Darf ich vorstellen: „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 über die 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
  • Benutzerdefinierte Nachrichten senden
  • 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

  • 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

  • Was sind 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

  • Was sind 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

Angular Benutzeroberflächen

  • Angular Formulare
    • Angular Formulare oder HTML Formulare
    • Events
    • Formular-Controller
    • Formular-Validierung
  • 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

  • Neue HTML-Tricks
  • Texte mit Attributen verbinden
  • Verarbeitungszyklus von Direktiven
    • DOM Verarbeitung
    • Zusammenstellung
    • Verlinkung
  • Eine einfache Direktive
  • Direktiven und Scopes
  • Erstellung wiederverwendbarer Direktiven
  • Direktiven in Komponenten umwandeln
  • Transclusion
  • Beispiele
    • Benutzerdefinierte Elemente
    • Benutzerdefiniertes Event Handling
    • Beobachten von Model Changes mit $observe

Verbessertes End-to-End Testing

  • Einführung in End-to-End testing
  • Protractor einrichten
  • Browserkonfiguration
  • Elemente "packen"
  • Elemente auslösen
  • Daten untersuchen

Zusammenfassung und Abschluss

Weitere Schulungen zu Thema JavaScript

JavaScript - Einführung

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

Innerhalb dieses dreitätigen Seminars erhalten Sie ausführlich und praxisnah eine Einführung in die Grundlagen der Programmierung mit JavaScript. Sie lernen die grundlegenden Elemente der Sprache kennen, und wie man diese in der Praxis professionell einsetzt. Sie erhalten ...

Ajax Einführung

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem Seminar wird Ihnen das notwendiges Hintergrundwissen zu Javascript, HTML/DOM und JSON (Javascript Objekt Notation) vermittelt, das Sie zur asynchronen Kommunikatio brauchen. Auch unter Verwendung aktueller JavaScript-Frameworks werden grundlegende Arbeitstechniken, ...

MOC 20482 Advanced Windows Store App Development Using HTML5 and JavaScript

- u.a. in Dortmund, Hannover, Köln, Nürnberg, Zürich

Das Seminar MOC 20482 und die dazugehörigen Seminarunterlagen werden derzeit von Microsoft erstellt und voraussichtlich im 4. Quartal 2012 zur Verfügung stehen. Wenn Sie Interesse an diesem Thema haben können Sie uns gerne über den Merkzettel eine Anfrage schicken, wir ...

Entwickeln von Web-Anwendungen mit ASP.NET und JavaScript/jQuery

- u.a. in Bremen, Leipzig, Varaždin, Mannheim, Freiburg

Dieses Seminare vermittelt Ihnen das nötige Wissen um mit ASP.NET und jQuery Web-Anwendungen zu entwickeln