Seminar Details

Advanced Angular Development (ngADV)

ETC
ngADV
Hersteller-ID:
Prüfungs ID:
Dauer: 5 Tage
Preis: € 2.465.- exkl.MwST
Wissensgarantie: 12 Monate
Im Seminar "Advanced Angular Development" bringen wir Ihre Angular Kenntnisse auf den Experten Level und besprechen folgende Themen in der Tiefe:
  • Building an Reusable Angular Material Theme
  • Advanced Observables & Reactive Programming
  • State Management using NgRx
  • Reactive Forms in Depth
  • Securing Angular using OpenID Connect & NgRx
  • Advanced Testing - Jest & Cypress
  • Reusability using Angular Libraries & NX
  • Scaffolding & Automation using Angular Schematics
  • Understanding and using Ivy
  • Implementing Web Components using Angular Elements
  • Optimizing & Building Applications
  • Progressive Web Apps
  • Server Side Rendering using Angular Universal
  • Advanced Hosting using Docker & Angular DevOps

Alle Details einblenden

Zielgruppe

Dieses Seminar richtet sich an:
  • Angular Entwickler welche ihre Kenntnisse vertiefen wollen.

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.
 

Schwerpunkte

Building an Reusable Angular Material Theme
  • Material Theming Overview
  • Building a Reusable Material Theme
  • Define Primary, Accent and Warning Colors
  • Define Alternative Themes, Light & Dark Themes
  • Use Fore- and Backcolor
  • Use Theme Mixins
  • Theming Custom Components

Advanced Observables & Reactive Programming
  • Java Script Language: Functional Programming, Immutability, Destructuring
  • Recap: Observables, Operators & Subjects
  • Base Operators: Mapping, Filtering, Merging, Scanning, ...
  • Understanding & Implementing Marble Diagrams
  • Debugging & Visualizing Observables
  • Using Declarative Approach - Async Pipe
  • Error Handling Pattern
  • Data- vs Action-Streams
  • Higher Order Mapping Operators
  • Data Composition - Joining Observable Streams
  • Data Caching & Invalidation
  • Implementing Custom Operators

Advanced State Management using NgRx
  • Overview State Management Patterns
  • Observable Data Services & Event Bus
  • Introduction to the Redux Pattern
  • Understanding NgRx and know when to use it
  • Using Store, Actions and Reducers
  • Debugging NgRx using Redux Dev Tools
  • Implementin & Using Selectors
  • Using Effects & Facades
  • Scaffolding using NgRx Schematics
  • NgRx Entity

Reactive Forms in Depth
  • Recap Reactive Forms Revisited
  • From Event Handling to Reactive Forms
  • Using NgRx in Reactive Forms
  • Forms Array
  • Dynamic Form Generation

Routing & Securing Angular using NgRx
  • Introduction to @ngrx/router-store
  • Router State & Custom Serialization
  • Recap Jwt, OAuth 2.0 & OpenID Connect
  • Cloud based Logins: Azure AD
  • Using Social Logins: Google, Facebook ...
  • Authentication in Angular with NgRx
  • Route Guards & Interceptors with NgRx

Advanced Testing - Jest & Cypress
  • Recap: Unit Testing
  • Using Testbed & Spies
  • Shallow / Deep Integration Tests
  • Async Testing
  • Testing NgRx: Mock Store, Mock Selectors, ...
  • Using Jest for Unit Testing
  • End-2-End Testing using Cypress

Reusability using Angular Libraries
  • Angular Building Blocks: Workspace, Apps, Libraries
  • Sharing Code between Projects using Angular Libraries
  • Implementing, Using & Publishing Libraries
  • Using Monorepos
  • Introduction to nrwl NX

Scaffolding & Automation using Angular Schematics
  • What is Angular Schematics
  • Using build-in Schematics
  • Understanding Abstract Syntax Tree (AST)
  • Adding & Modifying Files
  • Using a Sandbox for Schematics Development & Testing

Understanding & using Ivy
  • Ivy Renderer Overview
  • AOT Compilation & Type-checking Templates
  • Zone-less Change Detection
  • Standalone Components using Ivy
  • Higher Order Components (HOC)

Building & Optimizing Applications
  • Injecting Environments
  • Advanced Angular Debugging
  • Using Chrome Dev Tools for Performance Optimization
  • Analyzing and Optimizing Bundles & Modules
  • Optimizing Change Detection
  • Introduction to the Bazel Build System

Implementing Web Components using Angular Elements
  • Why Web Components
  • Understanding Shadow DOM, Templates & Custom Elements
  • Creating reusable Web Components using Angular Elements
  • Addressing Browser Compatibility Issues

Progressive Web Apps (PWA)
  • What are Progressive Web Apps
  • Understanding and Configuring Service Workers & Manifests
  • Installation Screens & Push Notifications
  • Updating PWA's

Server Side Rendering (SSR) using Angular Universal
  • Why Server Side Rendering
  • Angular Universal Architecture
  • Node Express Introduction
  • Konfigure SSR

Advanced Hosting using Docker & Angular DevOps
  • Deployment Overview & Hosting Options
  • Blob Storages & URL Rewriting
  • Preparations for Angular Production Build
  • Docker & Kubernetes Introduction
  • Building an Angular Multi-Stage Docker Image
  • Implementing a 3-Tier Application (UI / API) using Docker-Compose
  • Introduction to Angular DevOps
Alle Details ausblenden

1 Termin wählen

Was ist:
ILT

Ihr Klassenraumtraining - mehr Infos zu Instructor Led Trainings bei ETC erhalten Sie HIER

vILT

Mehr Infos zu vILT erhalten Sie hier

Live

Ihr virtuelles Training - mehr Infos zu ETC>Live erhalten Sie HIER

Hybrid VBT

Mehr Infos zu VBTs erhalten Sie HIER

Hybrid MOOC

Mehr Infos zu MOOCs erhalten Sie HIER

Coached Learning

Mehr Infos zu Coached Learning erhalten Sie HIER

Hotseat

Mehr Infos zum ETC Hotseat erhalten Sie HIER

Info

zusätzliche Infos zum Seminartermin

Alle Preise exkl. Mwst.

2 Paket wählen

Advanced Angular Development

ETC Live

  • Virtual Training – aber live im Seminar
  • Keine Anfahrt ins Seminarzentrum notwendig
  • Seminarunterlagen, Teamwork, Labs 24/7
  • ETC>Live Support und Hotline
  • ETC-Services

 

€ 2.465.-
(€ 2.465.- p.P.)

Preis

  • Ihr ILT Seminar (Instructor Led Training)
  • Seminarunterlagen, Teamwork, Labs
  • Verpflegung vorort in einem der ETC Seminarzentren
  • Seminar-Services
€ 2.465.-
(€ 2.465.- p.P.)

Ihre Fragen zum Seminar

CHAT mit Experten ODER Rückruf anfordern

Kein passender Termin dabei? Mehr als 5 Personen? Firmentermin gewünscht?

Rufen sie uns an +43/1/533 17 77 - 99

Bewertungen

1 Bewertungen
Super Kurs. Sehr spannende Themen. Top Trainer
von