Beschreibung
Angular Grundlagen und Vertiefung für Enterprise Anwendungen
Zielgruppe: Nur für Unternehmen und Institutionen.In diesem Seminar lernen Sie, eine komplette performante Single Page Applikation mit Angular zu erstellen. Angular setzt dabei auf wiederverwendbare JavaScript Komponenten. Als Programmiersprache kommt TypeScript, eine Obermenge von ECMAScript 2015/2016/2017/2018/2019 (ES6, ES7, ES8, ES9, ES10) zum Einsatz.
Dabei werden Schwerpunkte auf die Wiederverwendbarkeit und Modularisierung von Code-Teilen gelegt und auf Sicherheits- und Performance-Aspekte bei der Verwendung von Routes. Mit der Verwendung von NgRx implementiert Angular das Flux-Pattern und bietet damit ein starkes State-Management-System und einen neuen Ansatz für große Angular Architekturen. Damit ein Angular-Projekt wartbar bleibt, wird in diesem Seminar die testgetriebene Entwicklung mit Jasmine ihren Platz finden, so auch Frontend-Tests anhand von User Stories mit Protractor, bzw. Selenium. Nach dieser Schulung bauen Teilnehmende geschäftsrelevante Enterprise-Applikationen modern und zukunftssicher auf.
Kommende Starttermine
Inhalte / Module
- Einstieg in TypeScript
- TypeScript Einführung und Überblick
- TypeScript Möglichkeiten und Eigenschaften
- TypeScript Syntax, Schlüsselworte und Code Hierarchie
- TypeScript Werkzeuge: TypeScript Playground, Visual Studio, Web Essentials, Atom, Sublime Text, Eclipse, NodeJS
- TypeScript Compiler
- Hello TypeScript
- TypeScript Basics: Typen, Variablen, Funktionen
- TypeScript Grammatik, Deklarationen und Annotationen
- Typinferenz: Typableitung in TypeScript
- Statische und dynamische Typisierung in TypeScript
- Ambiente Deklarationen und Typ Definitions Files
- "Any" und primitive Datentypen
- Objekte in TypeScript
- Funktionen in TypeScript
- Arrow-Funktionen in TypeScript
- Generics in TypeScript
- TypeScript Klassen und Schnittstellen
- Klassen definieren
- "Casting" - Typumwandlung
- Datentypen erweitern
- Schnittstellen verwenden
- Mixins nutzen
- TypeScript Module
- JavaScript und Module
- Interne Module
- Zugriffe auf interne Module und IIFE
- Benannte Module
- Interne Module erweitern
- Interne Module organisieren
- Externe Module
- CommonJS
- AMD
- UMD
- SystemJS
- Angular - Einstieg
- Voraussetzungen für die Entwicklung von Angular Applikationen
- Werkzeuge, IDE's und Editoren
- JavaScript, TypeScript, ES2015, Node.js®
- Erstellen von Projekten mit dem Angular CLI
- Alternativer Projekt-Setup mit Nx
- Angular - Components
- Aufbau einer Komponente
- Data Binding
- Styling von Komponenten
- Verschachtelte Components
- Component Lifecycle
- Angular - Router, Navigation
- Components als Routing-Ziel
- Navigation aufbauen
- Programmatisches Navigieren
- Angular - Templating
- Interpolation Directive
- Attribute Directives
- Custom Directives
- Styling mit ngStyle und ngClass
- Bedingte Anzeige und Schleifen
- Events auslösen
- 2-way Data Binding
- Components mit Parametern
- Build-In Pipes
- Custom Pipes
- REST Client erstellen
- Test Datenquelle einrichten
- Dependency Injection
- Service erstellen
- Das HttpClientModule
- RxJs / Observables verstehen
- Error Handling
- Angular - Forms
- Überblick Template-Driven Forms
- Reactive Forms erstellen
- Nutzen des FormBuilders
- Formular-Validierung
- Code Qualität sichern
- TSLint und ESLint in Projekten verwenden
- Updates
- Documentation erstellen mit Compodoc
- Übersicht über Frontendtests mit Protractor und Cypress
- Übersicht Unit Tests mit Jasmine und Jest
- Wiederverwendbarer Code
- Feature Modules
- Lazy Loading Modules
- Shared Modules
- Angular Libraries erstellen
- Routing Vertiefung
- Routing in Feature Modules
- Child Routes
- Routen schützen mit Guards
- Daten holen mit Resolver
- State Management mit NgRx
- Konzept
- Installation und Schematics
- Debugging der DevTools Extension
- Begriffserklärung: Store, Actions, Reducers und Selectors
- Einführungsbeispiel
- Konzepte für Unit Tests für Angular
- Überblick über Jasmine und Jest
- Typischer Testaufbau
- Mocken von Abhängigkeiten
- End-2-end Tests mit Protractor und Cypress
- Überblick über die Werkzeuge
- Vorgehensweise
- Anbinden an eine Browser-Farm
- SEO optimierte Applikationen
- Verwenden von Angular Universal
- Voraussetzungen auf der Server-Seite
- Angular Applikationen als Progressive Web App (PWA)
- Hinzufügen von PWA-Funktionalität
- Kriterien für eine PWA
- Konfiguration des Service Workers
Zielgruppe / Voraussetzungen
Hinweis: Dieser Kurs richtet sich an Mitarbeitende aus Unternehmen und Institutionen.
Für Privatpersonen ist dieser Kurs leider nicht geeignet.
Bitte beachten Sie: Bildungsgutscheine der Agentur für Arbeit werden für diesen Kurs NICHT anerkannt.
Abschlussqualifikation / Zertifikat
Infos anfordern
GFU Cyrus AG
Erweitern Sie Ihre IT-Skills mit einem offenen IT-Training oder ganz nach Ihren Bedürfnissen durch eine individuelle IT-Schulung. Programmiersprachen (C#, Python, Java, …), Microsoft Office 365, Anforderungsmanagement, Projektmanagement, Business Intelligence, Data Science, Künstliche Intelligenz, IT-Sicherheit , Administration & Datenbanken, Softwareentwicklung, Testmanagement...
Erfahren Sie mehr über GFU Cyrus AG und weitere Kurse des Anbieters.
Bewertungen von Teilnehmern
Bewertungsdurchschnitt: 4,5
Super Rundumblick, man hat vieles gesehen oder mal davon gehört, zusammen mit den Unterlagen und Codebeispielen ein abgerundetes Paket.
Leider gab es während der Remoteteilnahme immer mal wieder kleine Unterbrechungen und Probleme mit der Tonübertragung. Die anderen Teilnehmer waren in der Regel bei Dialogen mit...
Alles in allem bin ich sehr zufrieden und komme bei entsprechenden Themen gerne wieder nach Köln!