Description
Angular Architecture Online Course: Strategic Design with Nx and Micro Frontends
2022 edition with Module Federation
Course website: https://angularmaster.dev
Angular Master is a online course with live Q&A calls and a community of experienced Angular developers.
In this interactive course, you will learn from Manfred Steyer – Angular GDE and Trusted Collaborator in the Angular team – how large enterprise-scale Angular applications can be planned and developed. We learn how Domain Driven Design (DDD) can help with planning a huge solution and how Nx Monorepos can be used for implementing our Strategic Domain Design.
Using the monorepo, we subdivide our solution into several libraries and define access restrictions for enforcing our architecture. Also, we use Nx to speed up our CI tasks with incremental builds and the build cache.
These ideas are gradually being expanded and result in the implementation of micro frontends with the brand new Webpack Module Federation and Web Components based on Angular Elements. We will talk about sharing libraries and also about advanced concepts like dealing with version mismatches, dynamic Module Federation and the integration into Nx.
After the individual exercises, you will have a case study you can use as a template for your own projects. Also, this course enables you to evaluate the individual options for your very projects.
WHAT YOU WILL LEARN IN THIS COURSE
🔹 Implementation of a strategic design (DDD) in an Nx monorepo
🔹 Visualize the architecture
🔹 Categorization of libraries
🔹 Enforcing architectural specifications
🔹 Incremental builds and tests to speed up the CI process
🔹 Local and distributed build caches
🔹 Use of module federation for loading separately developed and published micro frontends
🔹 Integration in Angular and the Angular CLI
🔹 Dynamic module federation
🔹 Sharing of dependencies
🔹 Dealing with version conflicts
🔹 Communication between micro frontends
🔹 Sharing widgets via web components (Angular Elements)
🔹 (New) Angular’s future with optional Modules: How do Standalone Components affect our architecture
🔹 (New) Authentication for Micro Frontends: More secure and easier thanks to Gateways
🔹 (New) Building a Frankenstein: Micro Frontends with multiple Frameworks and Versions
Bonuses
🚀 Reactive State Management with NGRX and your architecture
🚀 NGRX Best Practices
🚀 Modern Authentication Scenarios with OAuth 2 and OpenId Connect
🚀 OAuth 2.1 and Best Practices
🚀 Ivy – what will it bring in the long run