Angular Architecture Workshop
Remote & In-House
Remote: 07.03. - 10.03.2023
Also as a Company Workshop
Advanced workshop with strategies for your large and long-lasting business applications.
Remote & In-House
3 days or 4 days (depending on time model)
Some experience with Angular.
Theory phases alternate with live coding and exercises.
Also available as a company workshop
Public Workshop
- Duration: 3 days or 4 days (depending on time model)
- Remote: 07.03.2023
- Group discount available
Company-Workshop
- Individually scheduled
- In-house or remote
- Discount for groups >8 participants
Advanced Angular: Architecture
In this advanced training you will learn everything for your large and long-term maintainable Angular-based corporate and industrial applications:
- Structure with monorepos, Nx, and Strategic Design (DDD)
- Microfrontends with Module Federation and Angular Elements
- Reactive architectures with RxJS
- State management patterns with NGRX
- Performance tuning of large applications
- Web Components with Angular Elements
- The latest Angular features and Ivy
- and much more
The exercises gradually result in an application that you can use for your own projects at the end of the workshop.
Optional – Remote Workshops: All of our trainings and consultations can now optionally be booked as remote workshops!
🔥 Bonus: Latest Angular Features
- Lightweight Architectures with Standalone Components
- Custom Standalone APIs
- Functional Guards, Resolvers, and Interceptors
Highlights
✅ Interactive: Ask questions and participate in discussions
✅ Lots of exercises and live coding
✅ Case study you can use as a blueprint for your own projects
✅ Pair programming with your instructor
✅ Designed by Manfred Steyer, GDE
Selected satisfied customers
The course of the training at a glance!
Structure for large applications: Monorepos, Nx and Strategic Design
- Plan architectures with Domain Driven Design (DDD)
- CLI workspaces and monorepos with Nx (Nrwl Extensions)
- Nx and Standalone Components
- Develop and distribute reusable npm packages
- Categorize for libraries, modules and components
- Enforce architecture specifications with access restrictions
- Build performance: Incremental builds and tests and caching
- Integration into the CI process
- Customizable libraries with advanced DI patterns and content projection
- The open / closed principle in Angular
Scalable architectures: Micro Frontends with Module Federation and Angular Elements
- From strategic design to micro frontends
- Advantages and disadvantages of Micro Frontends
- Mono Repos vs. multiple repos
- Use Webpack Module Federation to load separately compiled and provided micro frontends
- Dynamic Module Federation
- Sharing dependencies
- Dealing with different versions and version mismatches
- Communication between Micro Frontends
- Cross-framework development with Angular Elements and Web Components
State Management Patterns with NGRX and Redux
- The state layer and your Strategic Design (DDD)
- NGRX: When, When Not and Alternatives?
- Use the Redux approach with NGRX
- Types of states
- Building Blocks: Actions, Reducers
- Selectors and view models
- Effects and side effects
- Generate building blocks with Schematics
- Manage entities with @ ngrx / entities
- Practical handling of Immutables
- Facades as the linchpin
- Introduce NGRX gradually
- NGRX and lazy loading of modules
- Local states with the brand new NGRX / Component store
Customization and White Label Solutions
- Customizations at runtime with Lazy Loading and Module Federation
- Customer-specific adaptations at compiletime with Libs and Path-Mappings
- Configuring Libraries with DI and forRoot
Reactive Architectures with RxJS
- Reactive thinking and reactive design
- Chaining / piping of operators
- Combination operators
- Higher-order observables
- Implicitly and explicitly closing Obervables
- Cold and hot observables (multicasting)
- Using subjects
- Error handling
- Debugging
Bonus: Modern Security Architectures and Single Sign-on
- Connect existing identity solutions such as Active Directory
- Social login (login with Facebook, etc.)
- OAuth 2 as well as 2.1 and OpenId Connect
- Tokens in the Browser vs. Security Gateways (Backend for Frontends)
- JSON Web Tokens (JWT)
- Token refresh
- Single sign out
- Current recommendations of the OAuth 2 Working Group and consequences
Bonus: Performance Tuning
- Lazy Loding with and without a router
- Data binding performance with OnPush
- AOT and Tree Shaking
- Analyzing bundles
- Build Performance with Build Cache and Incremental Compilations
All of our seminars are always available remotely or in-house. Contact us to make an appointment
2023
07. 03 -
10. 03 13:00 - 17:30 (CET)
10. 03 13:00 - 17:30 (CET)
Group Discount
Angular Architecture Workshop
8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET
2023
10. 07 -
13. 07 13:00 - 17:30 (CET)
13. 07 13:00 - 17:30 (CET)
Group DiscountEarly Bird until 31.05.2023
Angular Architecture Workshop
8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET
2023
27. 02 -
28. 02 09:00 - 17:00 (CET)
28. 02 09:00 - 17:00 (CET)
2022
01. 03 -
03. 11 13:00 - 17:30 (CET)
03. 11 13:00 - 17:30 (CET)
Group Discount
Design with System: Scalable Design Systems with Storybook and Angular
13:00 - 17:30 CET = 8.30 to 12.30 ET
2023
27. 03 -
29. 03 09:00 - 17:00 (CET)
29. 03 09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023
Workshop: Fullstack Angular with NestJS
2023
27. 03 -
29. 03 09:00 - 16:30 (CET)
29. 03 09:00 - 16:30 (CET)
Group DiscountEarly Bird until 28.02.2023
Modern Spring-Backends for Angular
2023
28. 03 -
30. 03 09:00 - 17:00 (CET)
30. 03 09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023
Modern .NET-Backends for Angular
2023
11. 04 -
12. 04 09:00 - 17:00 (CET)
12. 04 09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023
Professional Angular Testing
2023
18. 04 -
20. 04 09:00 - 17:00 (CET)
20. 04 09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023
Angular Performance Workshop
2023
08. 05 -
09. 05 09:00 - 17:00 (CET)
09. 05 09:00 - 17:00 (CET)
Discount CodeEarly Bird until 28.02.2023
Professional NGRX: Advanced Topics & Best Practices
Manfred Steyer is a Google Developer Expert (GDE) for Angular and Tursted Collaborator in the Angular team. Together with his team, he looks after customers in the entire German language area. The focus is on business and industrial applications based on Angular.
