Learning Path: Angular 2 Fundamentals

Mastering TypeScript 41 lectures 03:13:48 Mastering TypeScript - The Course Overview This video will offer the overview of the course. Sample Application Overview What does the sample application look like?

• Step through the sample application
• Step through the technologies used

Compiling TypeScript in the Sample Application We need to add TypeScript to the sample application. This video will review some of the ways of compiling Typescript, and then show you how we are going to compile the sample application in this case.

• Review the common methods for compiling
• Look at the build script
• Run the TypeScript build task

Implicit or Explicit Types When should implicit types be used and when should explicit types be used?

• Point out an example of an implicit and an explicit type in the application
• Understand the case for using implicit types
• Where we should implement explicit types

Avoiding the "any" Type The “any” type should be avoided. This video will explain why.

• Avoid it to prevent mistakes
• Use union types instead of using 'any', where applicable
• Use type guards to separate the types out of a union type

Being Aware of Structural Typing Not many developers know that TypeScript uses a structural type of system instead of a nominal one.

• Learn about structural typing and nominal typing
• Get an overview of the benefits of structural typing
• Understand the dangers of structural typing

Type System Troubles What are some troubles that people experience with the type system?

• Realize the dangers with enum types
• Examine changed and limited behavior in the type system
• Avoid certain language aspects to help write readable code

Compiler Options for Added Support What compiler options can we use to make the compiler stricter?

• Get an overview of "noImplicitAny"
• Change tsconfig.json to add "noImplicitAny"
• Relax the strictness with "suppressImplicitAnyIndexErrors"

Enforcing Rules and Coding Standards What is a linter and what benefit does it bring?

• Download and install linter
• Run the linter and understanding its benefits

Introduction – Before Moving This video will introduce the viewer to moving towards ES6 classes.

• Talk about non-ES6 class patterns
• Discuss what makes a good candidate for an ES6 class
• Get an overview of steps for switching to ES6 classes

Class-like JavaScript Patterns to TypeScript (Part 1) How can we convert some JavaScript patterns to ES6 classes?

• Identify what will change
• Change it to an ES6 class
• Talk about the benefits

Class-like JavaScript Patterns to TypeScript (Part 2) How can we convert some JavaScript patterns to ES6 classes?

• Identify what will change
• Change it to an ES6 class
• Talk about the benefits

Static Class-like Patterns in TypeScript What do static class-like patterns look like in TypeScript?

• Two JavaScript examples
• One class example
• Overview of what we are doing in these examples

Shortening a Class with Parameter Properties How do we reduce code written using parameter properties?

• Identify what a parameter property is
• Identify how to use the parameter property
• Look at the generated JavaScript

When to Use Arrow Function Properties When should we use arrow methods on a class?

• Identify what an arrow method is
• Understand whether to use it or not, and where

Assert and Guard What is type assertion and type guarding and how can we use them appropriately?

• Check a simple example showing type guarding and then type assertion
• Look at the new syntax for type assertion
• Discuss when we should use a type assertion and when we should use a type guard

Making the Most of Type Guarding How can we use type guarding in situations where type guarding doesn't work?

• Look at an example where standard type doesn't work
• Use duck typing and a type assertion to narrow down the type
• Use the user-defined type guarding

Multiple Function Signatures When should we use function overloading, optional, and default parameters?

• Get an overview for implementing function signatures
• Add multiple function signatures
• Use optional and default parameters

Rest and Spread What are some other features we can use with functions?

• Using rest parameters and spread operators in your application
• Using the spread operator on more than just functions

Extending Built-in Types How can we extend built-in types without modifying an object we don't own?

• Add functions to existing types
• Extend built-in types
• Demonstrate an example on built-in types

Code Refactoring What is code refactoring and how do we use it in TypeScript?

• Identify what code refactoring is
• Understand what is automatic and manual code refactoring
• How does TypeScript help us

Definition Files What are definition files?

• Outline the problem
• Explain what a definition file is
• Compile a file with the declaration argument in order to demonstrate a definition file

Writing a Definition File How can we write a definition file?

• Take a look at a few resources – Definitely Typed and TypeScript Handbook
• Go through a simple example on the basics of writing a definition file

Strong Typing JavaScript Libraries on the Run How can we use a JavaScript library when we don’t have time to write a full definition file?

• Use an 'any' type in our application
• Define only the functionality that is necessary for your application

Downloading and Managing Definition Files What’s the best way to manage definition files?

• Looking at the DefinitelyTyped collection of definition files
• Install and initialize TypeScript Definition Manager (TSD)
• Download definitions via TSD

Included Definition Files What are some of the definition files included by default in TypeScript?

• Identify where we find the definition files
• Look at lib.d.ts
• Modify lib.d.ts

Making the Most of let and const What is let and const? How do they differ from 'var'?

• Problems with var
• What is let
• What is const

Working with Strings What’s a better way we can work with strings in TypeScript?

• Use string interpolation
• Work with multi-line strings
• Tagged templates

enums How can we use enums to write better code?

• Use const values in a separate module
• Use an enum
• Explicitly versus implicitly assigning values

const enums Versus enums What are const enums and how do they differ from enums?

• Look a bit more on the nature of enums
• Use a const enum
• Differences between const enums and regular enums

Moving to ES6 Modules How can we use ES6 modules to write better code?

• Importing/exporting
• Bare importing
• Re-exporting

Destructuring What is destructuring and how can it help us write better code?

• Array destructuring
• Object destructuring
• Resources

Introduction to Generators What are generators? How do they work?

• Introduce what a generator is
• Show their execution path
• More practical example

Improving Performance and Efficiency with Generators How do generators help improve performance and efficiency in our application?

• Look at simple example's speed and memory usage
• Increasing the number of items in the data
• Increasing once again causes the array method to display an out of memory error. Then show how the generator way still uses practically no memory

Easier Asynchronous Code with async/await How does async and await work?

• Use promises instead of callbacks
• Use async and await

Harnessing the Power of Decorators How can decorators help us in our code? In this video, we’ll step through an example in our sample app.

• Look at what a decorator is
• Outline of requirements
• Example with a "log" method decorator

Advanced Decorators How can we have a decorator with parameters?

• Create a function that returns a function with a method decorator signature
• Overview of additional resources

Sharing Code Across Applications How can we share code across multiple applications?

• Store code in one application and pushing/pulling it to/from the other application
• Store the code separately and pushing/pulling it to/from the applications
• Take a look at the slice-it pizza sample application

Bridging with Interfaces What’s one way that we can help bridge the type gap?

• Look at the problem
• Fix it with interfaces
• Fix it with a shared configuration

Bridging with Code Generation How can we bridge the server/client strongly typed gap?

• Show principles on how to use code generation
• Explain how an example of this can be found in the sample application

Using TSX Files How can we bridge the gap between our View and client-side TypeScript code?

• Identify what JSX files are
• Identify what TSX files are
• Additional resources

Mastering TypeScript. 41 lectures 03:13:48 Mastering TypeScript - The Course Overview This video will offer the overview of the course. Sample Application Overview What does the sample application look like?

• Step through the sample application
• Step through the technologies used

Compiling TypeScript in the Sample Application We need to add TypeScript to the sample application. This video will review some of the ways of compiling Typescript, and then show you how we are going to compile the sample application in this case.

• Review the common methods for compiling
• Look at the build script
• Run the TypeScript build task

Implicit or Explicit Types When should implicit types be used and when should explicit types be used?

• Point out an example of an implicit and an explicit type in the application
• Understand the case for using implicit types
• Where we should implement explicit types

Avoiding the "any" Type The “any” type should be avoided. This video will explain why.

• Avoid it to prevent mistakes
• Use union types instead of using 'any', where applicable
• Use type guards to separate the types out of a union type

Being Aware of Structural Typing Not many developers know that TypeScript uses a structural type of system instead of a nominal one.

• Learn about structural typing and nominal typing
• Get an overview of the benefits of structural typing
• Understand the dangers of structural typing

Type System Troubles What are some troubles that people experience with the type system?

• Realize the dangers with enum types
• Examine changed and limited behavior in the type system
• Avoid certain language aspects to help write readable code

Compiler Options for Added Support What compiler options can we use to make the compiler stricter?

• Get an overview of "noImplicitAny"
• Change tsconfig.json to add "noImplicitAny"
• Relax the strictness with "suppressImplicitAnyIndexErrors"

Enforcing Rules and Coding Standards What is a linter and what benefit does it bring?

• Download and install linter
• Run the linter and understanding its benefits

Introduction – Before Moving This video will introduce the viewer to moving towards ES6 classes show you how we are going to compile the sample application in this case.

• Review the common methods for compiling
• Look at the build script
• Run the TypeScript build task

Compiling TypeScript in the Sample Application We need to add TypeScript to the sample application. This video will review some of the ways of compiling Typescript, and then show you how we are going to compile the sample application in this case.

• Review the common methods for compiling
• Look at the build script
• Run the TypeScript build task

We need to add TypeScript to the sample application. This video will review some of the ways of compiling Typescript, and then show you how we are going to compile the sample application in this case.

• Review the common methods for compiling
• Look at the build script
• Run the TypeScript build task

We need to add TypeScript to the sample application. This video will review some of the ways of compiling Typescript, and then show you how we are going to compile the sample application in this case.

• Review the common methods for compiling
• Look at the build script
• Run the TypeScript build task

Implicit or Explicit Types When should implicit types be used and when should explicit types be used?

• Point out an example of an implicit and an explicit type in the application
• Understand the...