Wow! You must have learned a lot about Angular architecture's core building blocks by now. We started with e and discussed how it encapsulates the functionalities that are independent and have one responsibility. Then, you learned about the concepts of components and how they replaced controllers, scopes, and directives from AngularJS. You also learned about decorators and metadata that leverage the Typescript syntax to make a plain JavaScript class into an Angular component. Then, we discussed templates and the differences between inline templates and isolated templates. You also learned how to implement various binding techniques in a template. Later, we went through directives and how a directive is differentiated from a component. Finally, you learned about one of the most popular design patterns, dependency injection, and how it is handled by Angular.

In the next chapter, we will discuss the remaining blocks in the Angular architecture.