Book Image

Angular 2 Components

By : Thierry Templier Thierry
Book Image

Angular 2 Components

By: Thierry Templier Thierry

Overview of this book

This book is a concise guide to Angular 2 Components and is based on the stable version of Angular 2. You will start with learning about the Angular 2 Components architecture and how components differ from Angular directives in Angular 1. You will then move on to quickly set up an Angular 2 development environment and grasp the basics of TypeScript. With this strong foundation in place, you will start building components. The book will teach you, with an example, how to define component behavior, create component templates, and use the controller of your component. You will also learn how to make your components communicate with each other. Once you have built a component, you will learn how to extend it by integrating third-party components with it. By the end of the book, you will be confident with building and using components for your applications.
Table of Contents (16 chapters)
Angular 2 Components
About the Authors
About the Reviewers

Chapter 3. The TypeScript Primer

Angular 2 is written with TypeScript, but that doesn't mean we have to write our application with TypeScript. Angular 2 applications can be written with ES6 (JavaScript 2015) or even ES5 (JavaScript 1.5). In this book, we will use TypeScript, mainly (but not only) because of the implementations of decorators, which can clean our Angular 2 code compared to ES6 and ES5.

I will assume that you already know how to write JavaScript 2015 (ES6) code. Through this chapter, we will cover just what we need to know about TypeScript; most of the code is compatible with JavaScript 2015 as is. If you are not familiar with ES6 at all, it's highly recommended to catch up with the new syntax and features.

The following are the topics that we will cover:

  • An introduction to the TypeScript language

  • Manage dependencies with modules

  • Class declarations and usage

  • System, built-in, and custom types

  • How to use decorators