Training Agenda

Angular & ReactJS

Angular and React are the two dominant frontend frameworks for enterprise web applications — Angular with its opinionated, batteries-included structure and React with its composable component model and flexible ecosystem. This training covers both frameworks practically: building components, managing state, handling forms and routing, and connecting to backends — giving teams the foundations to work effectively in either codebase.

3 days On-site, remote, or hybrid Up to 20 participants German or English
What We Cover
Two frameworks, one team, real applications
Day 1

Angular Fundamentals

  • Angular architecture: modules, components, services, dependency injection
  • Component structure: @Component, template syntax, property binding, event binding
  • NgModules vs standalone components (Angular 17+)
  • Services and DI: @Injectable, provider scopes, HttpClient
  • Reactive Forms: FormGroup, FormControl, validators, async validators
  • Routing: RouterModule, lazy loading modules, route guards
  • RxJS in Angular: Observable, Subject, BehaviorSubject, async pipe
  • Angular Signals: signal(), computed(), effect() — the new reactive model
  • Angular CLI: generate, build, test, lint
  • Angular Material: component library integration
Day 2

React Fundamentals

  • React component model: functional components, JSX, props
  • useState, useEffect, useCallback, useMemo, useRef — hooks in depth
  • Component composition: lifting state up, compound components
  • Context API: global state without a library
  • React Router v6: nested routes, loaders, actions
  • Forms: controlled vs uncontrolled, react-hook-form
  • Data fetching: fetch, Axios, TanStack Query (React Query) for server state
  • Error boundaries and Suspense
  • React DevTools: profiling, component tree inspection
  • Styling approaches: CSS Modules, Tailwind CSS, styled-components
Day 3

State Management, Testing & Production

  • Angular state management: NgRx — actions, reducers, selectors, effects
  • React state management: Zustand, Redux Toolkit — when a global store is needed
  • Testing Angular: TestBed, ComponentFixture, HttpClientTestingModule
  • Testing React: React Testing Library, user-event, mock service worker
  • End-to-end testing: Playwright for Angular and React applications
  • Build optimization: code splitting, lazy loading, bundle analysis
  • Performance: Angular OnPush, React memo and virtualization
  • Security: XSS prevention in Angular templates and React
  • Accessibility: ARIA roles, keyboard navigation, axe-core auditing
Learning Outcomes
What your team walks away with

Frontend and full-stack developers who can build production-grade features in both Angular and React — understanding the philosophy behind each and the ecosystem around them.

Book the Angular & ReactJS training

Can be delivered as a 3-day combined course or as two separate 1.5-day single-framework workshops depending on team needs.

Get in touch