ANGULAR ARCHITECT ACCELERATOR

The Angular Architect Accelerator online program is currently closed for enrollment. But the next cohort will soon be kicked off! Be sure to join by reserving a seat.

FREE workshop starts on March 23-27. Enrollment is open between March 30 and April 3.

We’ll keep you posted by email.

A transformative 8-week advanced Angular course where you will learn how to develop Angular apps faster, easier and more scalable.

What is it?

Angular Architect Accelerator is a 8-week online course with live Q&A calls and a community of experienced Angular developers. It shows you how to step up your Angular career and become an in-demand Angular architect companies are dying to recruit.

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.

Where does it happen?

The Angular Architect Accelerator course is online and consists of training videos, tools, live Q&A calls and a Slack community. You complete it online, on your own time.

How does it work?

You watch the videos, complete the action items, use the provided course material. Ask questions in the Slack workspace or on Q&A calls, follow the process, get results.





When does it start?

Angular Architect Accelerator 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. You will get an offer after 3 months to upgrade to lifetime access.



Why does it exist?

Angular Architect Accelerator was created because there was no content that would break the advanced Angular topics down into dead simple pieces, showing practical applications and giving a clear technology roadmap for what to do step-by-step. This course fills that void, and in extreme detail.


WATCH THE TRAILER

HERE’S HOW IT WORKS

Proven Process

Become an Angular architect by following practical step-by-step instructions that are proven to work. Get the assurance and clear guidance you need to be confident in making the right decisions before you do a big investment in the architecture and design of your Angular apps.

Collaborative Community

Pair with other experienced Angular developers as you complete the different exercises. The Slack community is designed to help you become better and innovate your solutions by collaborating with other Angular developers.

Mental Reprogramming

Reprogram your brain for high performance by reinventing the way to think about Angular development. Discover new approaches to common problems and internalize everything with invaluable course material you can come back to even after completing the course.

Expert Mentorship

No matter how good the training is, you'll always have questions. Get 24/7 access to experts in the Slack community and weekly Q&A calls. There's always help to find.

WHAT YOU WILL LEARN IN THIS COURSE

WEEK 1

Drawing your clean architecture

We will cover the best practices and fundamental principles of creating a clean and maintainable Angular architecture. How to choose the right architecture for your setup, enforcing module boundaries as well as looking at essential clean code best practices for Angular development.

WEEK 1

WEEK 2

Assembling The War Machine

This week is all about increasing the efficiency of Angular development teams. We will go over various process principles, feature toggling as well as creating a highly efficient CI/CD pipeline that can support monorepos.

WEEK 2

WEEK 3

Angular Testing

Deep dive into testing, including the different scopes, and how to test different class types. We will also touch upon the pragmatic approaches to testing, including the discipline of test-driven development and end-to-end testing.

WEEK 3

WEEK 4

Advanced Angular Patterns

We will learn how to master reactive programming, forms, helpful Angular patterns including helping you decide which state management framework to use.
We will dive deep into NgRx and you will learn everything you need to know to create highly scalable apps with it. Also, we will look into a couple of helpful design patterns in Angular development and how to create a UI library.

WEEK 4

WEEK 5

Creating Performant Angular Apps

You will learn how to performance optimize your Angular apps for world-class performance in extreme step-by-step details.

WEEK 5

WEEK 6

Angular In Production

We will cover common scenarios when running Angular apps in our production setups such as handling internationalization, authentication and logging, and error handling.

WEEK 6

WEEK 7

Modern Angular Technology

We will cover the modern Angular technologies and how to internalize them in your apps. This includes creating NPM packages, micro frontends, web components with Angular Elements, Angular PWA and cross-platform mobile app development with Ionic, Angular, and Capacitor.

WEEK 7

WEEK 8

Crafting The Technology Roadmap

We will cover essential actions to internalize the course content and STEP UP as a developer with influence in your company by creating your guidelines for Angular development for your team and create a 12-month technology roadmap to plot out a plan for when the course content is going to be internalized.

WEEK 8

BONUS WEEK

Accelerating Your Angular Career

We will cover how to leverage the results you will achieve during and after the 8-weeks course to ACCELERATE your way to an Angular senior developer/architect position and beyond in no time.

Here you learn everything you need to know to LEVEL UP in your career by learning non-mainstream marketing tactics for Angular developers including writing an attractive resumé, practicing mock interviews and becoming an authority recruiters are dying to recruit.

BONUS WEEK

In this module, we are going to look at a full overview of the program and the core parts we focus on to get results. This video is extremely important to understand the road ahead.

 

Here’s what we cover:

  • Our main purposes and objectives 
  • The origin of this seminar
  • General housekeeping
  • Important things to remember going into this
  • How to get the most out of the seminar – the success and the failure uniform
  • How the seminar works

In this module, I’m going to show you the characteristics of highly efficient teams and how to set yourself up for success with the seminar by creating a winning culture.

Here’s what we cover:

  • The three building blocks of highly efficient Angular teams
  • The anatomy of a winning culture
  • Getting the right culture in place

Action items:

  • Complete the “Winning culture worksheet” and share it in the lesson’s Slack channel.

In this module, I will show you the best practices and fundamental principles of creating a clean and maintainable Angular architecture.

UPDATE: Variation for big teams

The architecture described in this lesson is great for a few developers (10 or less) working together with multiple apps. If you are having a huge team (typically more than 10) and are having a feature team for each feature module, I recommend going toward creating a feature lib for each feature instead of having this in the apps. This will create stronger isolation between the feature teams and provide faster “affected:xx commands” (eg. npm run affected:test and lint). This is also described in NRWL’s “Enterprise Angular Monorepo Patterns”.

Here’s what we are going to cover:

  • What is architecture?
  • Creating a good Angular architecture
  • Choosing the right architecture for your setup
  • Case study: Monorepo architecture
  • Using Sandboxes/facades
  • Organizing libs and conventions in a monorepo
  • Enforcing module boundaries

Action items:

  • Complete “Architecture improvement worksheet” —  Investigate the current top 5 architecture pain point and how they can be solved using the content from this module, share in the lesson’s Slack channel.
  • Complete the “Draw you clean architecture worksheet” — Make a high-level drawing of your new architecture.

In this module, I will show you the best practices regarding writing clean apps.

Here’s what we are going to cover:

  • Why is clean code important?
  • Ensuring a clean architecture of Angular apps
  • A process for ensuring clean architecture in Angular apps
  • The 3-second rule
  • Clean code best practices
  • Using automation for linting and formatting

Action items:

  • Complete the “Clean Angular apps worksheet” — Investigate and draft solutions using the content in this module. Remember to share the worksheet in the lesson’s Slack channel.

In this module, I will show you the processes framework for creating a highly efficient software development workflow.

Here’s what we are going to cover:

  • Universal principles of efficient processes
  • Continuous delivery workflow
  • Efficient pull requests
  • Continuous improvement – getting better every day
  • What you get is what you give: sharing your knowledge

Action items:

  • Complete the “Process improvement worksheet” —  Complete the process improvement worksheet and share it in the lesson’s Slack channel.
  • Set up a decision log using  “Setup decision log cheatsheet” —  Set up the decision log so we can start to capture and schedule the improvement ideas we identify through the seminar.

In this module, I will show you how to use Git hooks with Angular for easier maintenance.

Here’s what we are going to cover:

  • Running Git hooks vs. running on a DevOps pipeline
  • How to run TSLint, StyleLint and Prettier on pre-commit using Husky and lint-staged
  • How to lint commit messages

Action Items:

  • Complete the “Setup Git hooks worksheet” — Complete the worksheet to setup Git hooks with formatting and linting.

In this module, we will be going through how to create a proven highly efficient continuous delivery pipeline for Angular apps.

Here’s what we are going to cover:

  • Walkthrough of a proven highly efficient continuous delivery pipeline for Angular apps with/without monorepo architectures
  • Tricks to tune the pipeline
    • Build once, deploy many
    • Dynamic configurations
    • Automatic master catch up on rebuild and master update
  • Handling apps with different CI needs
  • Best practices with monorepo DevOps pipelines

Action items:

  • Complete “Improving the DevOps pipeline worksheet” — Improve your DevOps pipeline and apply the module content by completing the worksheet and share it in the lesson’s Slack channel. 

In this module, I will show you how to use feature toggling in Angular apps.

Here’s what we are going to cover:

  • Why feature toggling?
  • What to feature toggle?
  • How and where to create the toggles?
  • Different types of feature toggles
  • How to clean up temp toggles
  • Requirements of a good feature toggle system

Action items:

  • Setting up feature toggling for your Angular apps — Setting up feature toggling using “Setting up feature toggling cheatsheet

In this module, I will show you the best practices with Angular testing, including the different scopes and how to test the different types of classes, you will encounter when creating Angular apps. We will also touch upon the pragmatic approach to do tests in your daily work.

Here’s what we are going to cover:

  • Why testing?
  • What should be tested?
  • What testing framework to use?
  • Different types of tests in Angular apps
  • Handling mocks/stubs easily?
  • Faster unit tests
  • How to ensure high test coverage
  • TDD testing with Angular

Action items:

  • Complete the “Improving testing worksheet”— Complete the worksheet to identify the current pain points regarding testing and apply the lesson content to fix it.

In this module, we will learn how to handle async tests in Angular apps.

Here’s what we’re going to cover:

  • When is code running asynchronously in an Angular app?
  • Why is it important to handle async tests?
  • Done callback
  • Async keyword in tests
  • FakeAsync
  • Marbles testing

In this module, I will show you how to do end-to-end testing with Cypress.

Here’s what we are going to cover:

  • Why E2E tests?
  • The common trap most go in
  • The seven steps to e2e testing success
  • Protractor vs. Cypress
  • Getting started with Cypress testing
  • Creating a Cypress smoke test
  • Best practices and common pitfalls with Cypress

Action items:

  • Complete the “Setting up end-to-end testing worksheet” — Seven steps to successfully getting started with end-to-end testing and share it in the lesson’s Slack channel.

ABOUT THIS LESSON

In this module, I will teach you the best practices with Redux/NgRx.

Here’s what we are going to cover:

  • Some personal opinions and advice
  • Imperative vs. reactive architectures
  • NgRx vs. NgXS vs. Akita vs. RxJS
  • How to fit NgRx into your architecture
  • Best practices with NgRx

Action items:

  1. Complete the “Improving state management worksheet” — Complete the worksheet to start internalizing the knowledge from the lesson and share in the lesson’s Slack channel.

In this lesson, we will be covering patterns to get the most out of NgRx.
Here’s what we are going to cover:

  • Quick recap: Why NgRx?
  • NgRx fundamentals
  • Thinking reactively: Designing a reactive architecture
  • When to use effects?
  • How to create action, reducers, and effects with NgRx 8 factories
  • Using NgRx entity
  • Handle router state with NgRx router
  • NgRx debugging
  • Integrating NgRx8 with error handling
  • Anonymizing and logging the store state

In this lesson, we will learn how to master forms and handle forms in the most effective way.
Here’s what we are going to cover:

  • The importance of forms in Angular apps
  • The different ways of handling forms in an Angular app
  • When to use template-driven forms 
  • When to use reactive forms 
  • Creating a stepper wizard
  • Implementing autosave
  • Creating custom validators
  • Validating input fields
  • Formatting values in input fields
  • Creating dynamic form generation

In this lesson, we will cover different patterns to make Angular development faster, easier and more maintainable.
Here’s what we’re going to cover:

  • Creating reusable Angular components
  • Common pitfalls with component design
  • Designing a plugin architecture
  • Dynamic UI rendering
  • Adapter pattern for easier maintenance of UI components

ABOUT THIS LESSON

In this module, I will show you how to create a design system.

Here’s what we are going to cover:

  • UI libraries and design systems
  • When should you consider creating a design system?
  • Why most companies fail with creating a design system
  • Implementing the design system
  • Maintaining the design system

Action items:

Complete the “Implementing the design system worksheet” — Follow the steps to start creating the design system to the levels that make sense for your specific situation.

In this module, I will give you an overview of the systematic processes for performance optimizing Angular apps.

This lesson is done live in front of an audience if you wondered why it is a little different from the others.

Here is what we’re going to cover:

  • The systematic processes of optimizing Angular apps like a doc
  • Overview of how to optimize for load-time
  • Overview of how to optimize for better run-time
  • The top 5 most common Angular performance problems

ABOUT THIS LESSON

In this module, we will be looking at how to optimize load time in Angular apps.

Here’s what we’re going to cover:

  • The scientific workflow to optimize load-time performance

  • The three things that matter when optimizing load time performance

  • How the different bundles in an Angular CLI project work

  • The low hanging fruits of load time optimization

  • Load time performance tuning techniques

  • Optimizing hosting for best load time performance

  • Measuring load time performance

  • The checklist for optimizing load time performance

Action items:

  1. Complete the “Tuning load time performance worksheet” — Optimize your load time performance of your Angular app by completing the tuning load time performance worksheet and share it in the lesson’s Slack channel

ABOUT THIS LESSON

In this lesson, I will show you how to optimize run time performance in an Angular app.

Here’s what we’re going to cover:

  • Architecture first
  • How Angular change detection works
  • OnPush change detection
  • Doing a performance audit
  • Caching
  • Run outside the Angular zone
  • Using web workers
  • Detaching change detection
  • markForCheck vs. detectChanges
  • Angular without zone.js
  • The run time performance checklist

Action items:

Complete the “Run time optimization checklist worksheet” — Complete the performance tuning checklist in regards to your current project and share it in the lesson’s Slack channel.

ABOUT THIS LESSON

In this lesson, we are going to cover how to handle internationalization to ensure the dynamic and correct display of language, dates, numbers, and currencies.

Here’s what we are going to cover:

  • Essentials when handling dynamic internalization in an Angular app
  • The simple way of handling translations
  • Handling different date formats
  • Handling different currencies
  • Handling different thousand and decimal separators
  • Creating a management dashboard for translations

Action items:

  1. Complete the “Setting up internalization cheatsheet” — The worksheet will help you determine your localization needs, how to localize the user and what kind of localization solution you want to implement.

ABOUT THIS LESSON

In this lesson, we will look at authentication with Angular and how to setup authentication using IdentityServer4, ASP.NET Core and Angular.

Here’s what we’re going to cover:

  • Definitions first: OpenID Connect and OAuth 2
  • Setting up OpenID Connect using IdentityServer4 and Angular
  • Important security consideration in Angular authentication and authorization
  • Using a SaaS for authentication and authorization

ABOUT THIS LESSON

In this lesson, we will be learning about logging in Angular apps. We will cover a 10 step process to logging success in Angular apps.

Here’s what we’re going to cover:

  • Why is logging important?
  • The 10 steps to successful logging
  • Using alerts to get notified about problems

Action items:

  • Complete the “Logging checklist” — Complete the logging checklist to make sure you are internalizing the content of the lesson to its full.
  • Share your current logging and monitoring setup in the lesson’s Slack channel — Share your current logging and alerts setup in the lesson’s slack channel so you can get feedback and make it better.

ABOUT THIS LESSON

In this lesson, we will learn how to create NPM packages for Angular apps with Nx.

 Here’s what we’re going to cover:

  • When to create NPM packages?
  • The steps to set up packaging
  • Maintaining NPM packages

ABOUT THIS LESSON

In this lesson, we will be learning about micro frontends. This includes both looking at the different use cases as well as different tools for it such as single-spa and Angular elements.

Here’s what we’re going to cover:

  • What is a micro frontend?
  • What are the use cases for micro frontends?
  • The different ways to implement micro frontends with Angular
  • Managing a micro frontend architecture

About this lesson

In this module, we will be learning about Angular Elements: the use cases, the solutions, and best practices.

Here’s what we’re going to cover:

  • Web Components
  • An introduction to Angular Elements
  • Understanding the magic behind Angular Elements
  • Angular Elements use cases
  • Angular Elements best practices
  • Getting started with Angular Elements
  • Angular Elements demo

In this lesson, we will see how to craft our ten commandments of Angular development, to get everyone aligned on some highly efficient principles to write world-class Angular applications.

I even provided a live session of me teaching this to some of my clients.

In this lesson, I will share with you what to do to maximize the outcome of the seminar and the number one reason, if you haven’t been able to internalize the content until now.

Action items:

  • Identify the top 5 things you want to realize/fix for your project and create decision log items for them
    • Share your top five desired improvements, you want to implement in the lesson’s Slack channel
  • If you have problems with this, get help by sharing it in the lesson’s Slack channel

In this lesson, we will be creating our 12-month technology roadmap and make a commitment to implement our most important improvements.

Action items:

  • Create your 12-month technology roadmap
    • Either using my Google Sheets warmap calendar
    • Draw.io
    • Confluence
    • Or other drawings program
  • Share roadmap with the team and make a commitment to follow the roadmap
  • Create commitment by sharing it in the lesson’s Slack channel

WHAT OTHERS ARE SAYING

Lots of practical input

“It was a great course and we got a lot of input regarding:

  1. Using a monorepo architecture for scaleable code sharing
  2. Designing the architecture into smaller libraries
  3. A complete designed CI/CD pipeline as this is one of the most crucial parts of the software development process and is hard to setup right.”

Elvir Dolic, Tech Lead

content and community made it a no-brainer

At first, I was not sure if I should rather spend the money going to a conference or paying 2x-3x to go to an in-person Angular course. Then, I investigated the alternatives for advanced Angular training and found that all the content and community this course offered to a price superior to the other alternatives made this a no-brainer. Also, having this as an on-demand online course fit my work schedule better, as I didn’t have to stop working while I took this course. It complemented my daily work instead with daily unique insights and “aha” moments from Christian and the community from the Slack workspace.

Signing up turned out to be great as I learned topics that were not easily accessible online that both gave me unique insights into advanced Angular development and a great interactive course experience, I couldn’t get anywhere else.”

Jeppe KnothAngular Developer

NOT LIKE ANYTHING ELSE YOU CAN FIND ONLINE

“This course was nothing like anything else you could find online. Christian’s style of teaching was all about learning practical knowledge from his real life experience and getting applicable steps to implement this in my own setup today.”

Anders Møller, Independant Consultant

READ MORE REVIEWS

Kevin Downing
Kevin Downing
Tech lead
Read More
" As a result of participating in the course I found, there were a lot of areas to consider besides the actual coding and directory structure, especially the team structure, DevOps and release options. I really had an interest in Week Seven which includes NPM, micro frontends, and Angular Elements. It really gets you to think about what you need to decide on to have a successful team and project. It makes the student stronger in the whole Angular ecosystem. The feedback on the Q&A calls allows the student to bounce ideas off of the teacher and fellow students on the call. I recommend the course. There is a lot of detail and information that you do not find from other Angular sources."
Alexander Harrow
Angular architect
Read More
"As a result of participating in the course, I now have a great place to get solid Angular information and it is awesome I was able to keep staying in the Slack workspace. I liked the parts about structure, testing and optimizing performance. Most of all I like the small bits and pieces that made my app better. Other benefits from the course would be that it helped me keep focus, don’t waste time and improve continuously. I would recommend the course, because: a. The course encourages you to get something done in production. b. The course covers a lot of interesting architectural subjects. c. The course forces you to think, I mean you cannot just watch videos."
Nill Mortensen
Nill Mortensen
Angular architect
Read More
"As a result of participating in this course, I have gotten confirmed that we are in the right direction with our project. Furthermore, I have honed a couple of my skills. I especially think the first two weeks were really cool. They have given me some good tools to the soft aspects of development. We are probably not getting your proposed CI set up, but it is an eye-opener and very thought-provoking. Also, it was good with a refresher on load time and run time optimizations, that you can't get knocked in enough. Other benefits from the course were that it was really cool to get tasks and work on them. They took some more time than I had anticipated but I also think I got a lot of out of it. I learned about Angular Elements. I use it already now and will be using it a lot in the future. Also, being part of a community and have the possibility to stay in it via Slack. I definitely recommend the course. Other courses focus on code. This course focus on architecture which you won't find any other place. I will probably suggest people to take the course with a college so you can discuss the content together."
Milan Sismanovic
Milan Sismanovic
Angular architect
Read More
"As a result of participating in this course, I found that the enterprise architecture was nicely aligned to what we did in online banking of Credit Suisse. I saw a lot of familiar patterns there. Prior to the course, I didn't know about Git hooks for formatting. I will certainly look to use those for formatting and unit testing. Other benefits include that it gave me a refresher on why we do some enterprise design patterns and the importance of unit testing. I liked the videos. I was able to go to them when I found the time for it. I liked the monorepo approach. I would recommend the course for people who are very familiar with Angular. The course helps to create enterprise-level architecture that will survive the next Google implementation paradigm shift (hopefully)."
Previous
Next

FREQUENTLY ASKED QUESTIONS

After completing the 8-weeks training and have done the action items, most should see at least a 2x increase in throughput depending on your current level as well as having a complete toolbelt for operating like a highly competent Angular architect. Where you want to take your career is completely up to you but I will help you use the results through the course to market yourself as an authority in this space.

Typically one hour per workday will get you through in 8 weeks and will give you a fair amount of time to incorporate the content in your current project.

That being said, you will be given the option to extend after the initial 3-months access.

The techniques in the course have been tested on a lot of different industries like banking, agro culture, tourism, e-commerce and more. Some of these industries might have some cultural differences, I will show you how to deal with, but they are all capable of seeing a huge increase in efficiency with Angular development after having taken this training.

Yes. Most participants get their company to pay for this.

The training works this way:

  1. You will watch lessons in the course portal
  2. You will do action items for each lesson to work with the new knowledge
  3. You will get feedback from the community and me through the Slack workspace and weekly Q&A calls if you have questions

This is different from other Angular training such as Angular University because this will not only give you a complete toolbelt of techniques and best practices with advanced Angular development but also help you internalizing this knowledge for your SPECIFIC situation rather than generic training. This course is interactive and you will grow together with a strong community of the industries leading experts. Also, this will help you utilize the technical skills learned in the course to step up in your career fast.

No, you get access for 3 months. But, I recommend you finish in 8 weeks as this normally produces the most momentum and results.

3 months, but you will get an opportunity to extend to lifetime access after this period.

The course comes with a 30 days 100 % satisfaction guarantee. If you have seen the lessons, done the exercises and you are not getting your desired outcome, contact me and I will help you accomplish it. If I can’t help you, I will immediately return your money.

First... I've been working with Angular for five years since AngularJS. I've lived and breathed it every single day for those five years and never deviated.  Angular is my thing, it's my art form.  The best way you can judge whether somebody is trustworthy and able to deliver is by their level of commitment to their customers and craft. For one, I have absolutely mastered my field and created Angular apps for millions of users using my skills in all sorts of industries, not only that but I've been able to transfer my skills to thousands of other developers.  You can go to my website, christianlydemann.com and look for yourself, read some of my 70+ blog posts and then just look at the reviews on this page. I've invested heavily with my own money and time to make the world's best training program for growing as an Angular architect.  This is my life's work, my results are proven, my student's results are proven.

ios-architect-accelerator-boxset (1)

“If you’re an Angular developer looking to take your career to the next level, you owe it to yourself to enroll in Angular Architect Accelerator.”

Angular ARCHITECT ACCELERATOR

Accelerate your technical skills by becoming an in-demand Angular architect in this 8-week interactive online program, collaborative community and weekly Q&A calls.