Angular Architecture:
Strategic Design with Nx
Edition 2023
Online Video Course by Manfred Steyer

The Path to Success is Just One Click Away
Learn from the world’s best
What is Angular Master?
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. For this, 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.

Are You Ready to Make a Change?
This course begins where other courses and books end
Angular Master
DDD
Implementation of a strategic design (DDD) in an Nx monorepo
Check it out
Visualize the architecture
Micro Frontends
Use of module federation for loading separately developed and published micro frontends
Angular Elements
Sharing widgets via web components
Expert level
Who is it for?
This course is for attendees that already know the basics of Angular development but are determined to go to an elite level. It is also for developers that are already at an expert level in Angular as it will help them innovate on their current setup.
Video on demand
Where does it happen?
The Angular Architecture: Strategic Design with Nx course is online and consists of training videos, tools, live Q&A calls and a Slack/FB community. You complete it online, on your own time.
Expert level
When does it start?
The Angular Architecture: Strategic Design with Nx is an online course, and it starts the moment you are enrolled. You can complete it in your own time and work through it as fast or slow as you wish because you have one year access.
Video on demand
How does it work?
You watch the videos, complete the action items, use the provided course material. Ask questions in the Slack / Facebook group or on Q&A calls, follow the process, get results.
FAQ
All Your Questions Answered
Angular Master Class

Can I get this course indefinitely?

YES. When you buy this program once, you get lifetime access to the materials (more precisely, as long as MasterCourses.DEV exists).

When does the program start?

You can join the program at any time. Please note that Q&A sessions are held at designated times.

In what form is this program?

The program is in the form of video and audio. The recordings are posted on the platform. After entering your login and password, you have access to your account. In addition to video recordings, files for download are available (document templates, checklists, etc.). In addition to knowledge, you also get access to a closed group only for participants.

Will I get an invoice?

Yes, you will receive a 23% (the percentage depends on your tax zone) VAT invoice for your purchase. The invoice will be sent automatically to the e-mail address provided during the order.

How can I pay for the course?

Payment takes place through the Przelewy24, PayPal and Stripe payment gateway. The preferred payment option is a quick transfer, payment card or BLIK. You can also pay by traditional bank transfer. In case of any doubts, please contact us: contact@angularmaster.dev

Can I pay with a payment card (credit, debit)?

Yes

What if I have a problem or something is unclear?

Write to the e-mail address: contact@angularmaster.dev Or contact us by phone: +48 664 931 800
Become a Master of Angular Architecture
WHAT YOU WILL LEARN IN THIS COURSE
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 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.
Course program
  • Implementation of a strategic design (DDD) in an Nx monorepo
    Learn why domain slicing is key for your successful architecture and how to master it with strategic design (DDD). Find out how to implement your strategic design with Angular and Nx, a well-known extension to the Angular CLI implemented by former Google employees.
  • Visualize the architecture
    Visualize your architecture and especially the interconnections between the individual parts. This helps to get an overview and to locate issues in the implementation of your strategic design.
  • Categorization of libraries
    Categorize your libraries in order to make thinking and discussing about your architecture easier. Learn how these categories can make your structure more self-explanatory.
  • Enforcing architectural specifications
    No broken windows anymore! Learn how to enforce your architecture to guarantee maintainability in long term.
  • Incremental builds and tests to speed up the CI process
    Huge Enterprise-scale Application take a lot of time for builds and tests? Here you learn how to mitigate this issue and how to get a blazing fast CI process.
  • Local and distributed build caches
    Sharing is caring! This is especially true, when it comes to the build cache as it allows to further speed up your CI process.
  • Use of module federation for loading separately developed and published micro frontends
    Micro Frontends help splitting up huge monolithic applications into smaller, less complex and more flexible ones. The brand-new module federation helps integrating these parts for the user at runtime. Here, you learn how to use it.
  • Integration in Angular and the Angular CLI
    While Module Federation is a great technology for modern Micro Frontends, it is not enough. You also need to integrate it with the Angular CLI. This part shows how to accomplish that.
  • Dynamic module federation
    In very dynamic scenarios, you don't know upfront which and how many micro frontends to load at runtime. Dynamic Module Federation has you covered!
  • Sharing of dependencies
    Having 10 Micro Frontends does not mean that you want to load Angular or other libraries 10 times! Hence, here we look into sharing our libraries at runtime.
  • Dealing with version conflicts
    Sharing libraries not only leads to a better runtime performance – it can also lead to version conflicts. Find out which strategies Module Federation offers to deal with such situations.
  • Communication between micro frontends
    No one is an island! Not even a micro frontend! Here, we discuss communicating across Micro Frontends.
  • Sharing widgets via web components (Angular Elements)
    Don't repeat yourself. Sharing widgets can help with this. For supporting different technologies and versions, you can use web components. However, they also come with several consequences. Here, we discuss all of them.
  • Angular’s future with optional Modules: How do Standalone Components affect our architecture
    New in the 2022 course edition!
  • Authentication for Micro Frontends: More secure and easier thanks to Gateways
    New in the 2022 course edition!
  • Building a Frankenstein: Micro Frontends with multiple Frameworks and Versions
    New in the 2022 course edition!
Bonuses
  • Reactive State Management with NGRX and your architecture
    For modern SPAs, State Management can be vital. Here you find out how this fits into your strategic design and how to implement it with NGRX.
  • NGRX Best Practices
    Let's look into some advanced NGRX patterns and best practices you probably need for your huge applications. We discuss topics like normalization or dealing with view models.
  • Modern Authentication Scenarios with OAuth 2 and OpenId Connect
    Nowadays, we need to connect our applications to existing identity providers like Active Directory. Here you learn how to accomplish this task and how these fits to your architecture.
  • OAuth 2.1 and Best Practices
    Times are changing – and so do Best Practices in the area of modern security. Learn what to avoid and what to take care of to build a future prove authentication that is also ready for the upcoming OAuth 2.1 standard.
  • Ivy – what will it bring in the long run
    In this final outlook, we discover how Ivy, Angular's new compiler, works underneath the covers and how its potential will influence Angular's but also your architecture's future.
  • 🅽🅴🆆 Micro Frontends with Module Federation: Beyond the Basics
Time Is
Running Out!
Join an amazing group of people who are just as in love with technology as you are!
Meet the Master
Trainer and Consultant with focus on Angular. Google Developer Expert (GDE) who writes for O'Reilly and the German Java Magazine.
Manfred Steyer
SOFTWAREarchitekt.at

✔ Trainer, consultant and programming architect with focus on Angular.

✔ Trusted Collaborator for Angular who writes for O'Reilly the German Java Magazine, windows.developer and Heise.

✔ Google Developer Expert (GDE).

✔ Microsoft MVP.

✔ Active worldwide conference speaker & workshop trainer.

✔ Author of books.

✔ Can't get enough of this.
Double winner of the ngAwards
Trainer of the Year
Join the course now
Master Courses Shop
The Path to Success is Just One Click Away
Sample Videos
2.2 Monorepo Structure
4.3 Module Federation
Be our next success story.
Angular Architecture: Strategic Design with Nx is dedicated to helping you reach your developers goals.
Our partners