Advanced Angular Development - ngADV

51 Bewertung

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.

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
    • 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

    Ähnliche Seminare