Advanced Angular Development (NGADV)

 

Course Overview

Im Seminar Advanced Angular Development bringen wir Ihre Angular Kenntnisse auf Experten-Level. Grosses 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
  • CHF 3,830.—
Classroom Training

Duration
5 days

Price
  • Switzerland: CHF 3,830.—

Schedule

Instructor-led Online Training:   Course conducted online in a virtual classroom.
FLEX Classroom Training (hybrid course):   Course participation either on-site in the classroom or online from the workplace or from home.

German

Time zone: Central European Summer Time (CEST)

Online Training
Classroom option: Hamburg, Germany
Time zone: Central European Summer Time (CEST)
Online Training Time zone: Central European Summer Time (CEST) Course language: German
Online Training
Classroom option: Munich, Germany
Time zone: Central European Time (CET)
FLEX Classroom Training (hybrid course):   Course participation either on-site in the classroom or online from the workplace or from home.

Germany

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.