In the last chapter, we got a glimpse into the world of TypeScript. We looked at the features of TypeScript, which allow us to write more manageable, robust, and error-free code. TypeScript is a powerful language that provides the right balance between the flexibility of JavaScript and features, such as types and interfaces, which provide checks at design and compile time.
In this chapter, we will start by digging deeper into the feature set of TypeScript, and will also introduce the Angular framework. As with the subject of this book, we will use real-world examples to gain a better understanding of the features.
This chapter will focus on the following topics:
- Sports News Combinator (SNC): We will start by introducing our first application and its feature set, which we will build.
- Types in TypeScript: Types play an important role in TypeScript, and we will delve deeper into the various types available in TypeScript, type inference, and type declaration.
- Classes in TypeScript: To be able to build robust web applications, we have classes. TypeScript implements classes to provide the object-oriented feature.
- Introduction to Angular: The SNC application is built with TypeScript and Angular, so it is important to introduce Angular and its basic concepts, such as components and data binding.
- Project setup, configuration, and code setup: In this section, we will start building our application by first looking at various ways to create single-page applications (SPAs) with Angular, and then using the Angular CLI to create our application's skeleton.
- The architecture of SNC: We will look at the high-level architecture of SNC and discuss the various components that will be created.
- Building our first component: We will be creating our first component, which will be used to display the news content on the page.
By the end of this chapter, we will have a simple working app with hardcoded data, as well as an understanding of types in TypeScript, and the basic fundamentals of Angular.