AngularJS with TypeScript

This course focuses on the basics of building an Angular application with TypeScript.
Course info
Rating
(782)
Level
Intermediate
Updated
Aug 10, 2015
Duration
3h 33m
Table of contents
Introduction
Getting Started
Angular Modules and Controllers
TypeScript Modules
Building Business Objects
Building Angular Services
Using the Data Access Service
Routing
Final Words
Description
Course info
Rating
(782)
Level
Intermediate
Updated
Aug 10, 2015
Duration
3h 33m
Description

Angular is GREAT for building client-side applications for the Web. But since Angular code is developed using JavaScript, Angular has all of the issues that come with coding in JavaScript: no strong data typing, global namespace issues, and lack of class-based object-oriented programming techniques. TypeScript solves these issues *and* makes it easier to build, refactor, and maintain your Angular applications! This course focuses on the basics of building an Angular application with TypeScript.

About the author
About the author

Deborah Kurata is a software developer, consultant, Pluralsight author, Google Developer Expert (GDE) and Microsoft Most Valuable Professional (MVP). Follow her on twitter: @deborahkurata

More from the author
Angular NgRx: Getting Started
Beginner
4h 4m
25 Jun 2018
Angular Component Communication
Intermediate
3h 39m
30 Jan 2018
Angular Routing
Intermediate
4h 47m
30 Mar 2017
More courses by Deborah Kurata
Section Introduction Transcripts
Section Introduction Transcripts

Introduction
Angular is great for building client-side applications for the web. But since Angular code is developed using JavaScript, Angular has all all of the issues that come with coding in JavaScript: no strong data typing; global namespace issues; and lack of class-based, object-oriented programming techniques. TypeScript solves these issues and makes is easier to build, refactor, and maintain your Angular applications. Welcome to Angular with TypeScript, from Pluralsight. My name is Deborah Kurata, and this course focuses on the basics of using TypeScript to build Angular applications. Want to build high-quality Angular applications? Want to improve your development and refactoring activities? Want to smooth your transition to Angular 2, the next major release of Angular? Then using TypeScript is a great choice for building your Angular application, and this course is for you. At a recent Angular conference, the Angular team from Google listed using TypeScript as one of the top ways Angular developers can prepare for future releases of Angular, plus the Angular team themselves use TypeScript internally due to its improved quality and refactoring features. TypeScript is not perfect, but it provides some great developer-focused features. This first module kicks things off by answering two key questions. What is TypeScript, and what are the benefits of TypeScript over straight JavaScript for building an Angular application? Let's answer these questions starting with an overview of TypeScript.

Getting Started
Now that we know what TypeScript is and why we might use it for building an Angular application, the next question is how? How do we get started? Welcome back to Angular with TypeScript from Pluralsight. My name is Deborah Kurata, and this module gets us started with the tools we need to build an Angular application with TypeScript. In this module, we will go through the steps for installing TypeScript. Then we'll identify several editors we could use to build an Angular application with TypeScript. Lastly, we'll pick an editor and set up our development environment. When we are finished with this module, we will have everything ready to start building our Angular application with TypeScript. Let's get started.

TypeScript Modules
One of the common problems in software today is overloaded terms. Yes, we've all laughed at Angular's filter filters and service services. The term module, is another example. TypeScript has modules which are different from Angular modules, and of course, completely different from Pluralsight course modules. Welcome back to Angular with TypeScript, from Pluralsight. My name in Deborah Kurata, and in this course module we'll look at TypeScript modules and how to use them in an Angular application. As we saw at the end of the last course module, one of the problems with our current TypeScript code is that when the TypeScript controller class is transpiled, the resulting controller function is assigned to a variable on the global namespace. When we write JavaScript directly, we prevent this problem by defining an immediately-invoked function expression, or IIFE, around the contents of the code file. The controller function is then local to the IIFE, and no variable is added to the global namespace. So, how do we tell TypeScript that we want an IIFE around our transpiled code? You guessed it, we're going to use a TypeScript module. This course module answers the following questions: what is a TypeScript module, and how do we use a TypeScript module in an Angular application? In the demos we'll see that adding a TypeScript module to our Angular modules and controllers gives us back our IIFEs. Let's get started.

Final Words
As you have seen throughout this course, Angular and TypeScript play very well together. You can now leverage what you have learned in this course to masterfully implement your Angular application with TypeScript. Welcome once again to Angular with TypeScript from Pluralsight. My name is Deborah Kurata, and the final words in this course include a look at refactoring TypeScript code, a brief review of what we built, and pointers to additional information. Let's jump right into this short module.