Advanced Angular Development - ngADV

Treuepunkte: 5000
Wissensgarantie: 12 Monate
ETC-Seminar-ID: ngADV
Sprache: Deutsch

Beschreibung

Im Seminar "Advanced Angular Development" bringen wir Ihre Angular Kenntnisse auf den Experten Level. Großes Augenmerk legen wir dabei auf Reactive Programming & State Management mit NgRX, Advanced Routing, Testing & Security, Optimierung und vor allem auch die Darstellung des Angular Developments Prozesses in Bezug auf DevOps, Cloud & Container

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

Theming & Visual Feedback (Animations)
Reactive Forms Deep Dive
Advanced Observables & Reactive Programming
Advanced State Management using NgRx
Advanced Routing and App Initalization
Securing Angular using NgRx and using Cloud Identities
Advanced Testing including Jest & Cypress
Reusability
Progressive (PWA) & Real Time Web Apps
Micro Frontends
Optimizing Applications
Server Side Rendering (SSR) using Angular Universal
Advanced Angular Publishing & DevOps using Containers

Neue Themengebiete werden anhand von Folien und Demos erarbeitet. Am Ende der Module werden die erlernten Inhalte in eine durchgängige Anwendung integriert, welches am Ende in die Cloud publiziert werden kann. Wir empfehlen Visual Studio Code als Cross Platform Editor.

Weitere Seminare zum Thema

expand_more chevron_right Zielgruppe

Dieses Seminar richtet sich an:

Angular Entwickler welche ihre Kenntnisse vertiefen wollen.

expand_more chevron_right Vorkenntnisse

Für dieses Seminar werden folgende Kenntnisse empfohlen:

Environment & Tools Setup and Introduction
TypeScript Fundamentals
Angular Projektkonfiguration & 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 Development" vermittelt.

Außerdem Kenntnisse im Umgang mit Git.

expand_more chevron_right Detail-Inhalte

Theming & Visual Feedback (Animations)

Styling Angular Components Deep Dive
Comparing Angular Material & Bootstrap
Bootstrap Resets, Layout Helper & Utiliies
Best of Both: Combining Bootstrap & Angular Material
Building a Reusable Theme
Theming Custom Components
Introduction to Visual Feedback (Saved, Loading, ...)

Reactive Forms Deep Dive

Recap Reactive Forms Revisited (FormGroup, Form Builder, FormControl, Forms Array)
Untyped Forms vs Typed Forms
Typed Forms Nullability, NonNullableFormBuilder
Partial Values, Optional Controls, Dynamic Groups and FormRecord
Typed Forms Validation & Custom Validators
Cascading Form Controls
Implementing Custom Controls using ControlValueAccessor
Dynamic Form Generation

Advanced Observables & Reactive Programming

Recap: Observables, Operators & Subjects
Base Operators: Mapping, Filtering, Merging, Scanning, ...
Understanding & Implementing Marble Diagrams
Debugging & Visualizing Observables
Data- vs Action-Streams
Higher Order Mapping Operators
Data Composition - Joining Observable Streams
Data Caching & Invalidation
Error Handling Strategies
Implementing Custom Observable Operators

Advanced State Management using NgRx

Overview State Management Patterns
Observable Data Services & Event Bus
Scaffolding using NgRx Schematics
Using Store, Actions and Reducers
Debugging NgRx using Redux Dev Tools
Feature State and ActionReducerMap
Selectors, Effects, Facades, NgRx Entity Adapters
Simplifying Data Access with NgRx Data
NgRx Data Optimistic & Pessimistic Update and Delete
NgRx Container Presenter Best Practices

Advanced Routing and App Initalization

Dependency Injection in Depth: Resolution modifiers and Dependency providers
APP_INITIALIZER, Injection & forwardRef
Introduction to @ngrx/router-store
Implementing Global Error Handling and Retry-Patterns
Integrating Route Guards & Interceptors with State
Chaining Route Guards & Interceptors
Implementing an App Shell

Securing Angular using NgRx and using Cloud Identities

Token based Authentication in Angular with NgRx
Recap Jwt, OAuth 2.0 & OpenID Connect
Persisting Auth State in NgRx
Using Cloud based Identities: Azure AD and @azure/msal-angular

Advanced Testing including Jest & Cypress

Mock Data & Http Testing
Using Testbed & Spies
Interacting with Components in Tests
Complex Forms Testing
Async Component Testing (done, fakeAsync, waitForAsync)
Material Testing using Component Harnesses
Introduction to Marble Testing
Testing NgRx: Mock Store, Mock Selectors, Reducers, ...
Using Jest for Unit Testing (Setup, Changes in spec, Snapshot Tests)
End-2-End Testing using Cypress

Reusability

Angular Building Blocks: Workspace, Apps, Libraries
Understanding & using Monorepos
Sharing Code between Projects using Angular Libraries
Implementing, Publishing and Consuming Libraries to / from GitHub Packages
Introduction to Angular Schematics

Progressive (PWA) & Real Time Web Apps

What are Progressive Web Apps
Understanding and Configuring Service Workers & Manifests
Installing & Updating Progressive Web Apps
Push Notifications
Real Time Connected UI's

Micro Frontends

Micro Frontends Intro
Client Side UI Composition Pattern
Standalone Components
Bootstrapping Components
Lazy Loading Components
Creating reusable Web Components using Angular Elements
Module Federation

Optimizing Applications

Using Linting and Autoformat with Prettier
Using Chrome Dev Tools & Lighthouse for Performance Optimization
Understanding & Using Page Traces
Analysing and Optimizing Bundles & Modules
Code-Splitting and Module Pre-Loading
Understanding & Optimizing Angular Change Detection
Optimize Change Detection using @ngrx/component & ngrxPush

Server Side Rendering (SSR) using Angular Universal

Why Server Side Rendering
Angular Universal Architecture
Node Express Introduction
Configure Server Side Rendering
Prerender static pages

Advanced Angular Publishing & DevOps using Containers

Deployment Overview & Cloud Hosting Options
Configuration Management and Config Injection Options
Docker Introduction & Building an Angular Multi-Stage Docker Image
Introduction to Angular DevOps using GitHub Actions & Azure DevOps pipelines
Building & Deploying an Angular App to Azure Kubernetes Services

online_prediction Virtual Classroom Demo oder Kontakt anfordern

Kontaktoption wählen

Chat mit Experten Wir beantworten ihre Fragen direkt im live chat perm_phone_msg Rückrufservice Senden sie uns ihre Anfrage und unser Kundenservice ruft sie an group Beratungstermin Buchen Vereinbaren sie online direkt einen Beratungstermin.

expand_more chevron_right event_available 03.10.-07.10.2022 03.10.2022 Seminarzeitentimer5 Tage roomETC-Wien Als Live-Stream verfügbaronline_predictionLive-Stream
- expand_more chevron_right ETC>Live - Virtual Classroom €2.720,00
  - Online Training – aber live beim Seminar dabei
  - Keine Anfahrt ins Seminarzentrum notwendig
  - ETC>Live Support und Hotline
  - ETC-Services
expand_more chevron_right event_available 16.01.-20.01.2023 16.01.2023 Seminarzeitentimer5 Tage roomETC-Wien
- expand_more chevron_right ETC Classroom - im Seminarzentrum €2.720,00
  - Ihr ILT Seminar (Instructor Led Training)
  - Seminarunterlagen, Teamwork, Labs
  - Verpflegung vorort
  - Seminar-Services
expand_more chevron_right event_available 26.06.-30.06.2023 26.06.2023 Seminarzeitentimer5 Tage roomVirtual-Training (VILT) Als Live-Stream verfügbaronline_predictionLive-Stream
- expand_more chevron_right ETC>Live - Virtual Classroom €2.720,00
  - Online Training – aber live beim Seminar dabei
  - Keine Anfahrt ins Seminarzentrum notwendig
  - ETC>Live Support und Hotline
  - ETC-Services
expand_more chevron_right event_available 02.10.-06.10.2023 02.10.2023 Seminarzeitentimer5 Tage roomETC-Wien
- expand_more chevron_right ETC Classroom - im Seminarzentrum €2.720,00
  - Ihr ILT Seminar (Instructor Led Training)
  - Seminarunterlagen, Teamwork, Labs
  - Verpflegung vorort
  - Seminar-Services

Tipp Coached Learning - Meine Lösung für flexibles Lernen

Tipp Coached Learning - Meine Lösung für flexibles Lernen

Tipp Coached Learning - Meine Lösung für flexibles Lernen

Tipp Coached Learning - Meine Lösung für flexibles Lernen

Tipp Coached Learning - Meine Lösung für flexibles Lernen

Tipp Coached Learning - Meine Lösung für flexibles Lernen

Tipp Coached Learning - Meine Lösung für flexibles Lernen

Advanced Angular Development - ngADV

Beschreibung

expand_more chevron_right Zielgruppe

expand_more chevron_right Vorkenntnisse

expand_more chevron_right Detail-Inhalte

Kontaktoption wählen

Ähnliche Seminare

Programming C#

Programming HTML5, JavaScript and CSS3

Programming Web Applications with ASP.NET MVC Core C#

smart Implementing Reactive Web Apps using React and Redux

SharePoint 2019: Server Side Solution Development

Advanced Web Technologies

Introduction to Git

1 Bewertung