Become An Angular Architect... Without getting old in the meantime!

To Every Angular developer Who’s Ever Scanned 
NG-Conf talks And /r/angular2 And Thought…

“How Will I Ever Keep Up?”

Here’s How To Turn “Information Overwhelm” 
Into An Edge That Can 
Quickly Boost Your Income
Earn You “MVP” Status With Your Team, 
And Make You The In-Demand Developer 
Companies Are Dying To Recruit

Get A FREE Lesson Now

Get a FREE course lesson

You will learn: 
✅ How to apply a three-step process to performance optimize Angular apps like a doctor

✅ Different techniques to optimize performance in Angular apps

✅ How to fix the top 5 Angular performance problems

 

There’s this whip-smart developer I know of—I’ll call him “Joe.”

Joe is a learning machine. He zips through podcasts at 2X speed on his commute, devours online courses at his desk with lunch, and juggles 2-3 technical books between the Kindle app on his iPhone and the dead trees by his bed.

He does all this because he’s seen how fast things change in software development.

Since he cut his teeth as a programmer at 9 years old (Turbo C for MS-DOS), Joe has seen entire languages and platforms come and go: VisualBasic, ActiveX, ColdFusion.

He converted from VB6 to .NET, then learned PHP and the LAMP stack. He invested heavily in Dojo (before jQuery killed it dead). He flirted with Silverlight and Flash until plugins became evil and HTML5 rode in to save the day.

Today he’s wrestling with the massive frontend framework Angular and is weighing which JavaScript AMD loader to use and wondering whether Grunt or Gulp will eventually “win.”

Most nights you’ll find him plugging away on one of a half dozen side projects. Code at work, code at night, lifehack all the time.

Joe loves learning and he loves his job. But even with all the extra hours he’s putting in, he can’t escape the sense that he’s…

Slipping A Little Further Behind Every Day

Just about every day he hears about a new “it’ll change your life” tool. Or a coworker shoehorns yet another v 0.1 JavaScript library into the codebase…

His daily schedule is already fully booked.

What happens when he gets that title bump—and suddenly the meetings wipe out his lunchtime learning session?

And will he be able to keep up his side projects when the new baby arrives?

I totally identify with Joe, because a few years ago, that was me.

 

 

My name is Christian Lüdemann and I am 26 years old.

I’m a software consultant to big companies and have since I started as a developer not only 4x my income.

In under 2 years I went from being a commodity full time employer to an in-demand developer that have freedom over where, when and how I want to work…

Today’s Software Devs Are 
Under More Pressure To “Stay Sharp” 
Than Ever Before

A few years ago, web developers could pull down a decent salary armed with nothing but a text editor and a solid understanding of HTML, plus maybe a little CSS and JavaScript.

Those days are gone. Today it pays off to be an expert in what you are doing and you can only become this, when you stop confusing yourself and get a clear vision. This course is arising from me one day asking myself:

“If I were to do it all over again, how would I get to an expert level in Angular development in the fastest time possible?”

I started teaching this in workshops and saw other developers accelerate the learning process and became Angular experts faster than I thought possible.
I conducted all of this into a 8 weeks online seminar called:

The Angular Architect Seminar

 

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 (Software developer)

Independent Consultant

What is The Angular Architect Seminar?

This is a transformative 8 weeks advanced Angular course where you will learn how to develop Angular apps faster, easier and more scalable. This course will not only teach you the best practices about advanced Angular development but also how to put it into practice for your situation.

Course outcome

We will be innovating on your current architecture, processes and DevOps infrastructure in a way that likely will leave you with at least double the throughput of your Angular development, once you apply what is taught in this course because you will be able to deploy to production multiple times a day in a safe manner. Also, it will give you 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.

You will learn how to work with an Angular monorepo like Google, improve your Angular architecture, and learn the best practices with NgRx, DevOps and E2E testing. You will leave with a roadmap for implementing all of this with clear action points.

Course format

The course format is designed to not only teach advanced Angular concepts but also how to apply this in an appropriate way that fits the specific situation.

The course will run within a Slack channel. Once a week, there will be new lessons which you can either see live or as recorded replays and ask questions, so it always fits in your schedule. Each module contains presentations and real-life examples of the applications followed by exercises for you to apply this in your specific setup. We will do pair work on the different topics, investigate what the biggest current problems are in this regard, use the knowledge from the presentations to fix these problems and Q and A to answer questions.

Who is this course 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. The techniques taught in this course will work regardless of industries.

During the course we will dig into:

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, 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

Free Angular Architect Seminar demo

Take a look inside, see how it works and what’s included.

100% Satisfaction Guarantee

The seminar 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.

How much time should I spend every week on the course?

The course is flexible and let you set the amount that fits your schedule but the recommended is 5-7 hours a week to watch the lessons and do the exercises. The good thing is that the exercises are designed to be done on your own applications, where possible, so you might not even see participating in the course as “being away from work”.
 

Language

English

Materials

The course will include materials for:

  • Slides
  • Recorded lessons
  • Exercises
  • Exclusive access to a supporting community of Angular experts
  • Realistic code examples
  • A completely designed DevOps pipeline for monorepo architectures (value: 20.000 USD)
 

It Looks Good But Is It For Me?

To find out if this is for you, you should honestly ask yourself if you have felt any of these problems:
  1. Worrying about falling behind and struggling to keep up.
  2. It feels like you always need to learn something new to get a task done
  3. It feels like there are just too many options so you are worried about using your “learning credits” on the wrong thing.
 

The Angular Architect Seminar is designed to alleviate all of this by breaking the advanced Angular topics down into dead simple pieces, helping with the practical application of the knowledge and giving you a clear technology roadmap for what to do step-by-step.

If you instead prefer to absorb every Angular article, conference talk and course on the internet and consult companies for years (like I did!) to get the same knowledge and see this way as “too easy”, this course is NOT for you.

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)

PALFINGER

  • 8 Weeks Transformative course

    In 8 weeks you will become an Angular architect and learn the most important elements from design and implementation to operation of Angular apps

  • Lifetime access to content, updates and future seminars

    Lifetime access all future seminars, Slack workspace, course content and 2x weekly live Q&A calls

  • 100% Satisfaction Guaranteed

    The seminar 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.

  • Pair With Experienced Angular Developers In A Skilled Community (invaluable)

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

Course dates:

At first, I was not sure if I should rather spend the money going to a conference or paying 2-3x to go to an in-person Angular course. Also, I was not sure how well this online course format would work out. 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 channel.

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 Knoth (Angular developer)

Danske Bank

Get A FREE Lesson Now

Get a FREE course lesson

You will learn: 
✅ How to apply a three-step process to performance optimize Angular apps like a doctor

✅ Different techniques to optimize performance in Angular apps

✅ How to fix the top 5 Angular performance problems