Advanced Angular Development (NGADV)

 

Course Overview

Im Seminar Advanced Angular Development bringen wir Ihre Angular Kenntnisse auf Experten-Level. Großes Augenmerk legen wir darauf, in den Demos & Labs aktuelle Coding-Styles & Patterns zu verwenden. Wir besprechen mögliche Refactorings & Schematics für die Migration bestehender Lösungen und setzen dies fallweise in Form von Live-Coding & AI assisted Coding um. Wir beginnen mit Standalone Components sowie, deren Konzepte und Migration bilden den Einstieg ins Module Components & Forms Deep Dive. Ein Schwerpunkt des Kurses ist der Themenblock Reactive Programming und State Management mit RxJS, NgRx & Signals, sowie Advanced Routing und App Initialization. Wir diskutieren die Implementierung von Authentifizierung mit Cloud Identities und Tests mit Jasmine, Jest, Cypress. Zusätzlich behandeln wir die Themen Reusability mit Libraries, Schematics, Nx & Angular Elements und Optimierung von Anwendungen, Server Side Rendering, sowie A11y. Zum Abschluss implementieren wir ein Real Time connected Micro-Frontend als Progressive Web App und publizieren Angular Apps in die Cloud mittels Containern und Enterprise-ready Config Management.

Who should attend

Angular Entwickler welche ihre Kenntnisse vertiefen wollen.

Prerequisites

Kenntnisse in folgenden Angular Themen werden vorausgesetzt:

  • Environment & Tools Setup and Introduction
  • TypeScript Fundamentals
  • Angular Project Configuration & CLI
  • Understanding Fundamentals & Completing Basic Tasks
  • Routing & Modularity
  • Basics of Building a Responsive User Interface using Material
  • Form Design & Validation
  • Data Access
  • Observables Basic Understanding
  • Basic Unit Testing

Diese werden im Seminar Angular Single Page Application (SPA) Development (NGBASICS) vermittelt.

Kenntnisse im Umgang mit Git

Course Objectives

Nach Abschluss des Kurses haben die Teilnehmer Kenntnisse zu folgenden Themen:

  • Standalone Components: Concepts & Migration
  • Components & Forms Deep Dive
  • Mastering Reactive Programming using RxJs
  • Advanced State Management using NgRx
  • Mastering Reactivity using Signals
  • Advanced Routing and App Initialization
  • Securing Angular using Cloud Identities
  • Advanced Testing with Jasmine, Jest, Cypress and NgRx
  • Reusability with Libraries, Schematics, Nx & Angular Elements
  • Optimizing Applications & Server Side Rendering & A11y
  • Implementing & publishing a Real Time connected Micro-Frontend as a Progressive Web App
  • Publishing Angular Apps to the Cloud using Containers and Config Injection

Course Content

  • Standalone Components: Concepts & Migration
  • Components & Forms Deep Dive
  • Mastering Reactive Programming using RxJS
  • Advanced State Management using NgRx
  • Mastering Reactivity using Signals
  • Advanced Routing and App Initialization
  • Securing Angular using Cloud Identities
  • Advanced Testing with Jasmine, Cypress and NgRx
  • Reusability with Libraries, Nx, Schematics & Angular Elements
  • Implementing a Real Time connected Micro-Frontend as a Progressive Web App
  • Building & Optimizing Applications
  • Publishing Angular App using Containers and Config Injection

Prices & Delivery methods

Online Training

Duration
5 days

Price
  • 3,190.— €
Classroom Training

Duration
5 days

Price
  • Germany: 3,190.— €
  • Switzerland: CHF 3,830.—

Schedule

This is a FLEX course, which is delivered both virtually and in the classroom. All FLEX courses are also Instructor-led Online Trainings (ILO).

German

Time zone: Central European Time (CET)   ±1 hour

Online Training
Classroom option: Hamburg
Time zone: Central European Summer Time (CEST) Course language: German
Online Training
Classroom option: Hamburg
Time zone: Central European Summer Time (CEST) Course language: German
Online Training
Classroom option: Munich
Time zone: Central European Time (CET) Course language: German
This is a FLEX course, which is delivered both virtually and in the classroom. All FLEX courses are also Instructor-led Online Trainings (ILO).

Germany

Hamburg Course language: German
Hamburg Course language: German
Munich Course language: German

If you can't find a suitable date, don't forget to check our world-wide FLEX training schedule.