Chapter 2. Getting started with Angular

 

This chapter covers

  • Writing your first Angular application
  • Getting familiar with the SystemJS universal module loader
  • The role of package managers
  • The first version of the online auction application

In this chapter, we’ll start discussing how you develop Angular applications using modern tools and web technologies like annotations, ES6 modules, and module loaders. Angular changes the way you’ll develop JavaScript applications. You’ll write three versions of a Hello World application, and we’ll briefly discuss package managers and the SystemJS universal module loader.

After that, we’ll create a small project that can serve as boilerplate for creating your own Angular projects. Then we’ll discuss the main building blocks of Angular applications, such as components and views, and we’ll briefly cover dependency injection and data binding. At the end of the chapter, we’ll go over the online auction application that you’ll be developing throughout the book.

Note

All code samples in this book are based on the Angular 2.0.0 Final version. If the API of future releases of Angular changes, we’ll update the code samples at https://github.com/Farata/angular2typescript accordingly.

Tip

If you’re not familiar with the syntax of TypeScript and ECMAScript 6, we suggest you read appendixes A and B first, and then start reading from this chapter on.

2.1. A first Angular application

2.2. The building blocks of an Angular application

2.3. The SystemJS universal module loader

2.4. Selecting a package manager

2.5. Hands-on: getting started with the online auction

2.6. Summary

sitemap