18 Creating an Angular app, part 1

 

This chapter covers

  • Creating and configuring an Angular project
  • Understanding the Angular TypeScript configuration
  • Building a data model for the Angular application
  • Creating Angular components for basic application features
  • Configuring the Angular application

In this chapter, I start the process of creating an Angular web application that has the same set of features as the example in chapters 16 and 17 Unlike other frameworks, where using TypeScript is an option, Angular puts TypeScript at the heart of web application development and relies on its features, especially decorators. For quick reference, table 18.1 lists the TypeScript compiler options used in this chapter.

18.1 Preparing for this chapter

18.1.1 Configuring the web service

18.1.2 Configuring the Bootstrap CSS package

18.1.3 Starting the example application

18.2 Understanding TypeScript in Angular development

18.2.1 Understanding the TypeScript compiler configuration

18.3 Creating the data model

18.3.1 Creating the Data Source

18.3.2 Creating the data source implementation class

18.3.3 Configuring the data source

18.4 Displaying a filtered list of products

18.4.1 Displaying the category buttons

18.4.2 Creating the header display

18.4.3 Combining the components

18.5 Configuring the application

Summary