Introduction to TypeScript and Angular 2

kdechant

Angular 2 is in beta, and it's a big change from Angular 1. Controllers are gone, Directives are now called Components, and everything is written in a class-based, JavaScript-like language called TypeScript. So, what is all this new stuff?

In this session, we will examine a few of the language features of TypeScript, including classes, interfaces, and decorators. We'll see how to transpile TypeScript into JavaScript, and what the resulting code might look like. Then, we'll dive into a simple Angular 2 app and see how to build our own components and link them together. Finally, we'll take a look at building a Service in Angular 2 and querying data from a backend data source.

This presentation is aimed at front-end developers who are new to Angular, or who have used Angular 1 and want to see the next big thing. It is also of interest to JavaScript developers who want to see a few features of TypeScript.

By the end of this session, you will understand:

  • How to use classes, decorators, and static typing in TypeScript
  • How to transpile TypeScript to use in your browser
  • How to write Components and Services in Angular 2
  • The new dependency injection model in Angular 2
  • How to query data from a back-end data source using the Angular 2 Http service

Session Track

Front End

Experience Level

Beginner

Drupal Version