TypeScript in Angular

Name: TypeScript in Angular
Author: Michaela Ochnich

An introduction to TypeScript and an overview of data types

Preview the first lesson free — get full access to all 5 lessons.

Course: On-Demand

This lesson will introduce TypeScript and its configuration file in the angular workspace. TypeScript is an open source programming language that was developed by Microsoft in 2012. It's a super set of JavaScript, meaning it was built off the JavaScript language and it compiles to JavaScript code because of this all valid JavaScript code is valid TypeScript code. This is helpful when learning angular, since you don't have to know or use TypeScript, when getting started, you can begin developing with angular, using JavaScript and then learn and implement TypeScript as you go. While you don't need to use TypeScript, it is helpful and offers a lot of advantages over basic JavaScript. TypeScript provides great tooling across the major IDs, including IntelliSense, which can provide features like code completion and error information. When using TypeScript static type definitions, the compiler can catch bugs in advance during development, before they get the chance to potentially make their way to production. The angular CLI handles the TypeScript compilation for you. However, if you want to use TypeScript outside of an angular workspace, you can install it with NPM. In an angular workspace you can view the basic TypeScript configuration options in Ts config dot Jason. And this file is located in the root level folder. This strict mode option turns on strict type checking in many different areas of the project like property initialization, function returns, null checks, and more. TypeScript then provides other configuration options to allow you to turn strict mode on or off in those specific areas as needed. There are also options here specific for handling angulars compilation process like this strict injection parameters option. When this is set to true, an error is thrown for any injectable that's used like a service being injected in a component whose type isn't set and can't be determined. Angular site provides more information on these different angular compiler options. And for overall information on TypeScript configuration type script provides a reference guide on their website. That's all for this lesson, introducing TypeScript and the next lesson will cover how to implement static typing.

Beginner Provider : Michaela Ochnich 5 Lessons · 13m in Arabic, German, English, Spanish, French, Portuguese, Chinese

Course Description

These lessons cover the basics of the TypeScript language. You’ll learn about basic typing for primitive data types, and also how to set up an interface or alias for more complicated structures. Additionally, you’ll learn how TypeScript uses structural typing to define type matches.

What You'll Learn

Set up and configure TypeScript for use in an Angular project
Apply basic typing for primitive data types using static typing
Define more complex structures with interfaces and type aliases
Use union types to allow multiple type possibilities
Understand how TypeScript uses structural typing to define type matches

Key Takeaways

The course covers the basics of the TypeScript language as used in Angular.
Basic typing for primitive data types is introduced through static typing.
Interfaces and type aliases are used to describe more complicated structures.
TypeScript relies on structural typing to determine when types match.
Lessons span TypeScript introduction and configuration, static typing, unions, interfaces, and structural typing.

Frequently Asked Questions

What does this course cover?

It covers the basics of the TypeScript language, including basic typing for primitive data types, setting up interfaces and aliases for more complicated structures, and how TypeScript uses structural typing to define type matches.

What topics are included in the lessons?

The lessons include TypeScript Introduction and Configuration, Static Typing, Unions, Interfaces, and Structural Typing.

What skills does this course relate to?

It relates to skills including TypeScript, Abstract Data Types, Angular (Web Framework), Angular Components, Angular Material, and Generic Programming.

What are the learning objectives?

The objectives are to gain a basic introduction to TypeScript and to learn an overview of data types.