Angular 2 with TypeScript Tutorial for Beginners

  • 2016-08-30
  • 5379

Are you a Developer looking to expand your skill set? Check out TypeScript, a language which can help improve your productivity, especially as compared to JavaScript. The type system enables tooling which can find many common coding errors. In this course, learn TypeScript within the context of Angular apps.

Explore the major features of TypeScript, and see how they can make teams more productive, create an Angular 1.x application, and learn how TypeScript enables and supports interaction with JavaScript libraries. Get a tour of TypeScript, look at two-way databinding, find out how to work with callbacks and asynchronous tasks, plus much more.

Note: This course can be updated for TypeScript 2.0 and Angular 2.0 when they are both released. If you’d like to brush up on your Angular skills, take a look at the popular MVA course, Introduction to AngularJS.

1 | Take a Tour of TypeScript

Start with the template-generated code for a TypeScript HTML application, and see how this simple application demonstrates the major features of TypeScript.

2 | Angular 1.x-Based Application

Explore the overall structure of an Angular application, and learn how TypeScript makes Angular-based application development easier and more productive.

3 | Controllers, Views, and Databinding

Explore how TypeScript enables better design idioms in the Angular controllers and view models.

4 | Two-Way Databinding

See a demo of building TypeScript code in our controller to handle two-way databinding, and learn about tracking changes to the data displayed in the view.

5 | WebAPI and Server Communications

Explore how TypeScript can work with the Angular’s $resource object to create efficient client/server communication, using WebAPI on the server.

6 | Callbacks and Async

Find out how to work with callbacks and asynchronous tasks.

7 | The Road to 2.0

Get an overview of how TypeScript works with Angular 2.0.

8 | Final Thoughts

Wrap up the course, and hear final thoughts.


  • Create Angular 1.x-based TypeScript apps.
  • Implement two-way databinding.
  • Implement WebAPI and server communications.
  • Take a tour of TypeScript.
  • Implement callbacks and async.
  • Hear final thoughts and next steps.
  • Work with controllers, views, and databinding.
  • Learn how TypeScript works with Angular 2.0.


An interest in TypeScript; familiarity with a scripting language


Angular 2 vs React.js - What is right for you?

Angular 2 Tutorial : Understanding Angular 2 Routing

Difference between AngularJS vs Angular 2

Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0

Learn Angular 2 Development By Building 10 Apps

Angular 2 - The Complete Guide (Updated to RC5!)

Angular 2 with TypeScript for Beginners: The Pragmatic Guide