Chapter 1, Angular 2 Component Architecture, provides an overview of the existing popular architectural patterns for building frontend applications, and the new approach that relys on composing self-contained custom components.

Chapter 2, Setting Up an Angular 2 Development Environment with angular-cli, covers setting up the development environment with angular-cli.

Chapter 3, The TypeScript Primer, covers the basics of the TypeScript language and what you need to know about TypeScript.

Chapter 4, Building a Basic Component, covers the steps to build a basic component.

Chapter 5, Building Dynamic Components, covers the steps to transform your static component into a dynamic component using core directives and data binding.

Chapter 6, Component Communication, covers different ways to make your components communicate with each other.

Chapter 7, Putting It All Together, covers building the accordion component and the component life cycle.

Chapter 8, Integrating Third-Party Components, covers the integration of a tooltip widget from the popular Bootstrap library.

Chapter 9, Angular 2 Directives, covers the usage of directives in Angular 2.

You need to know how to read and write JavaScript. Other technologies, such as C# or Java, may help you understand the syntax, but are not mandatory.

Some experience with web development and related technologies such as HTML and CSS is required, so make sure you are familiar with that.

If you are a frontend developer with some experience in Angular who wants to understand Angular 2 components and use them to create powerful user interfaces, then this book is for you.

This books is also for angular 1.x developers who want to upgrade their knowledge and skills.

In this book, you will find a number of text styles that distinguish between different kinds of information. Here are some examples of these styles and an explanation of their meaning.

Code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles are shown as follows: "We can include other contexts through the use of the include directive."

A block of code is set as follows:

class Product {
  private id: number;
  private color: string;

  constructor(id:number, color:string) {
    this.id = id;
    this.color = color;
  }
}

Any command-line input or output is written as follows:

$ npm uninstall -g angular-cli
$ npm cache clean

New terms and important words are shown in bold. Words that you see on the screen, for example, in menus or dialog boxes, appear in the text like this: "Clicking the Next button moves you to the next screen."

Feedback from our readers is always welcome. Let us know what you think about this book—what you liked or disliked. Reader feedback is important for us as it helps us develop titles that you will really get the most out of.

To send us general feedback, simply e-mail <[email protected]>, and mention the book's title in the subject of your message.

If there is a topic that you have expertise in and you are interested in either writing or contributing to a book, see our author guide at www.packtpub.com/authors.

Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase.