The "Hello world!" application in Angular

Now, let's build our first "Hello world!" application in Angular and TypeScript. Before we start, let's set up our environment!

Setting up our environment

The core team of Angular developed a brand new CLI tool for Angular, which allows us to bootstrap our applications with a few commands. Although we will introduce it in the final chapter, until then, in order to boost our learning experience, we will use the code located at https://github.com/mgechev/switching-to-angular. This repository includes all the examples in this book, in one big application. It has all the required dependencies declared in package.json, the definition of basic gulp tasks, such as the development server, the transpilation of our TypeScript code to ECMAScript 5, and live-reload.

Note

The code for this book is based on Angular Seed (https://github.com/mgechev/angular-seed). Although the project provides a solid foundation, it may introduce a tooling overhead for Angular and TypeScript...