MOC 55266 Building web apps with Angular and TypeScript
Classroom Schulung | Deutsch | Anspruch
Schulungsdauer: 3 Tage
Ziele
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.
Zielgruppe
Dieses Seminar richtet sich an professionelle Webentwickler, die einen ersten Einstieg in die Welt von Angular und TypeScript wünschen.
Voraussetzungen
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
Ziele
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.
Zielgruppe
Dieses Seminar richtet sich an professionelle Webentwickler, die einen ersten Einstieg in die Welt von Angular und TypeScript wünschen.
Voraussetzungen
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