
Angular Architecture Workshop (100% Online, Interactive, English)
Master Enterprise-scale Angular Applications!
In this advanced online training, Manfred Steyer GDE will teach you how to master enterprise-scale Angular-based applications. During several exercises, you will try out all the explained topics. In the end, you have a case study you can use as a blueprint for your own projects.
Language
This training takes place in English
Highlights
✅ Fully Online – No travel needed
✅ 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
Some Happy Customers
Some Impressions
We are all connected via a Browser-based virtual classroom.
Lots of live coding and interactive exercises including pair programming with your trainers
Didactic approach
Theory phases alternate with live coding and exercises.
Prerequisites
Some experience with Angular.
Extra: Q&A-Night-Session
On the evening of the 2nd day of the seminar day, we offer an optional Q&A night session. Here we have the time to answer your project-related questions. So we bring a bit of a consulting character into the workshop.
We offter the very inexpensive very early bird tickets until May 22nd, 2022.
We offer inexpensive early bird tickets until June 26th, 2022.
Dedicated Company Training
Please contact us if you want to organize a dedicated company workshop with these or similar topics (remote or on-site). I general, company trainings are more inexpensive when there are at least eight participants. You can reach us here: office@angulararchitects.io
12.07. - 15.07.2022
Date & Time:
12.07.2022, 13:30 CET - 15.07.2022, 17:30 CET
8:30 am - 12:30 pm Eastern Time // 1:30 pm - 5:30 pm CET
Location:
Remote - 4 half days: America und Europe friendly
Your Trainers:
Contents
Structure for large applications: Monorepos, Nx and Strategic Design
- Plan architectures with Domain Driven Design (DDD)
- CLI workspaces and monorepos with Nx (Nrwl Extensions)
- 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
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
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: Trends and the Future of Angular
- Web Components
- Lazy loading of components
- Zone-less change detection
- A future without NgModules
