MOC 55266 Building web apps with Angular and TypeScript

No longer available

Classroom training | German | Claim

Duration of training: 3 days

Objectives

In den letzten Jahren wurden große Anstrengungen unternommen, um HTML und JavaScript nicht nur für Webinhalte, sondern auch für Webanwendungen zu einem besseren Ort zu machen. Mit Angular können Sie diese neuen und modernen Konzepte nutzen, um die nächste Stufe zu erreichen. Durch die Verwendung eines komponentenbasierten Ansatzes ist Angular besser als je zuvor in der Lage, um leistungsfähige datengesteuerte Webanwendungen zu erstellen. Während Angular sich um Datenanbindung, Navigation und Serverkommunikation kümmert, ermöglicht Ihnen TypeScript die Verwendung der fortschrittlichsten Funktionen, die JavaScript in jedem Browser zu bieten hat. Funktionen wie das starke Tippen machen Ihre Anwendung wartungsfreundlicher, strukturierter und flexibler. Dieser Kurs wird ständig auf die neueste Version von Angular, derzeit Angular 6, aktualisiert. Genießen Sie diese schöne Synergie zwischen Google's Angular und Microsoft's TypeScript.

Target audience

Dieses Seminar richtet sich an professionelle Webentwickler, die einen ersten Einstieg in die Welt von Angular und TypeScript wünschen.

Requirements

Die Teilnehmer dieses Seminar müssen über ein gutes Verständnis von:

JavaScript,

HTML und

CSS

sowie über ein Verständnis von node.js und npm verfügen.

Agenda

Einführung in Angular

  • Entwicklung der Web-Applikationsentwicklung
  • Winkelförmiger Kern und Module
  • TypeScript, Dart, einfaches altes JavaScript

Stark typisiertes JavaScript mit TypeScript

  • Schreiben von JavaScript im Anwendungsbereich
  • Typsichere JavaScript-Entwicklung mit TypeScript
  • Implementierung von Typen, Klassen und Vererbung
  • Namespaces und Module

Kernkonzepte

  • Komponenten
  • Module
  • Dienstleistungen
  • Werkzeuge

Datenanbindung

  • Die Bedeutung der Bindung
  • Zu betrachtende Komponente
  • Strukturrichtlinien
  • Lokale Template-Variablen
  • Wertumwandlung
  • Ansicht auf Komponente

Komponenten

  • Verwendung mehrerer Komponenten
  • Input und Output
  • ViewChild und ContentChild und ContentChild
  • EventEmitter
  • Lebenszyklus der Richtlinie

Attribut-Richtlinien

  • Was sind Attributdirektiven?
  • Eingebaute Attributdirektiven
  • Benutzerdefinierte Attributdirektiven

Strukturrichtlinien

  • Was sind Strukturrichtlinien?
  • Eingebaute Strukturrichtlinien
  • Vorlagen
  • Kundenspezifische Strukturrichtlinien

Abhängigkeitsinjektion und Anbieter

  • Terminologie
  • Grundlagen der Abhängigkeitsinjektion Grundlagen
  • Dienstleistungen
  • Anbieter
  • Fabriken
  • Injektionsmarken

Pipes

  • Eingebaute Pipes und deren verwendung
  • Kundenspezifische Pipes
  • Pure versus Impure

Arbeiten mit Formularen

  • Was ist ein Formular?
  • Auf Veränderungen reagieren
  • FormBuilder
  • Datenvalidierung

Kommunikation mit dem Server

  • Senden und Empfangen von Daten
  • HTTPClient Modul
  • HTTP-Abfangjäger
  • Observables versus Promises

Erstellen einer einseitigen Anwendung

  • Was ist ein SPA?
  • Router-Modul
  • Routenkonfiguration
  • Navigation zwischen Eltern und Kindern
  • Routenwächter

Objectives

In den letzten Jahren wurden große Anstrengungen unternommen, um HTML und JavaScript nicht nur für Webinhalte, sondern auch für Webanwendungen zu einem besseren Ort zu machen. Mit Angular können Sie diese neuen und modernen Konzepte nutzen, um die nächste Stufe zu erreichen. Durch die Verwendung eines komponentenbasierten Ansatzes ist Angular besser als je zuvor in der Lage, um leistungsfähige datengesteuerte Webanwendungen zu erstellen. Während Angular sich um Datenanbindung, Navigation und Serverkommunikation kümmert, ermöglicht Ihnen TypeScript die Verwendung der fortschrittlichsten Funktionen, die JavaScript in jedem Browser zu bieten hat. Funktionen wie das starke Tippen machen Ihre Anwendung wartungsfreundlicher, strukturierter und flexibler. Dieser Kurs wird ständig auf die neueste Version von Angular, derzeit Angular 6, aktualisiert. Genießen Sie diese schöne Synergie zwischen Google's Angular und Microsoft's TypeScript.

Target audience

Dieses Seminar richtet sich an professionelle Webentwickler, die einen ersten Einstieg in die Welt von Angular und TypeScript wünschen.

Requirements

Die Teilnehmer dieses Seminar müssen über ein gutes Verständnis von:

JavaScript,

HTML und

CSS

sowie über ein Verständnis von node.js und npm verfügen.

Agenda

Einführung in Angular

  • Entwicklung der Web-Applikationsentwicklung
  • Winkelförmiger Kern und Module
  • TypeScript, Dart, einfaches altes JavaScript

Stark typisiertes JavaScript mit TypeScript

  • Schreiben von JavaScript im Anwendungsbereich
  • Typsichere JavaScript-Entwicklung mit TypeScript
  • Implementierung von Typen, Klassen und Vererbung
  • Namespaces und Module

Kernkonzepte

  • Komponenten
  • Module
  • Dienstleistungen
  • Werkzeuge

Datenanbindung

  • Die Bedeutung der Bindung
  • Zu betrachtende Komponente
  • Strukturrichtlinien
  • Lokale Template-Variablen
  • Wertumwandlung
  • Ansicht auf Komponente

Komponenten

  • Verwendung mehrerer Komponenten
  • Input und Output
  • ViewChild und ContentChild und ContentChild
  • EventEmitter
  • Lebenszyklus der Richtlinie

Attribut-Richtlinien

  • Was sind Attributdirektiven?
  • Eingebaute Attributdirektiven
  • Benutzerdefinierte Attributdirektiven

Strukturrichtlinien

  • Was sind Strukturrichtlinien?
  • Eingebaute Strukturrichtlinien
  • Vorlagen
  • Kundenspezifische Strukturrichtlinien

Abhängigkeitsinjektion und Anbieter

  • Terminologie
  • Grundlagen der Abhängigkeitsinjektion Grundlagen
  • Dienstleistungen
  • Anbieter
  • Fabriken
  • Injektionsmarken

Pipes

  • Eingebaute Pipes und deren verwendung
  • Kundenspezifische Pipes
  • Pure versus Impure

Arbeiten mit Formularen

  • Was ist ein Formular?
  • Auf Veränderungen reagieren
  • FormBuilder
  • Datenvalidierung

Kommunikation mit dem Server

  • Senden und Empfangen von Daten
  • HTTPClient Modul
  • HTTP-Abfangjäger
  • Observables versus Promises

Erstellen einer einseitigen Anwendung

  • Was ist ein SPA?
  • Router-Modul
  • Routenkonfiguration
  • Navigation zwischen Eltern und Kindern
  • Routenwächter

Tags