We looked at web components according to modern web standards and how Angular components provide an easy and straightforward API to build our own components. We covered TypeScript and some basic traits of its syntax as a preparation for Chapter 3, Introducing TypeScript. We saw how to set up our working space and where to go to find the dependencies we need to bring TypeScript into the game and use the Angular library in our projects, going through the role of each dependency in our application.

Our first component taught us the basics of creating a component and also allowed us to get more familiar with another important concept, Angular modules, and also how to bootstrap the application. Our second component gave us the opportunity to discuss the form of a controller class containing property fields, constructors, and utility functions, and why metadata annotations are so important in the context of Angular applications to define how our component will integrate itself in the HTML environment where it will live. Our first web component features its own template and such templates host property bindings declaratively in the form of variable interpolations, conveniently formatted by pipes. Binding event listeners is now easier than ever and its syntax is standards-compliant.

The next chapter will cover, in detail, all the TypeScript features we need to know to get up to speed with Angular in no time.