O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Understanding TypeScript

Video Description

Don't limit the Usage of TypeScript to Angular 2! Learn the Basics, its Features, Workflows and how to use it!

About This Video

  • Friendly and swift explanation makes you focused on the topic
  • Touching the basics, overall the TypeScript concepts

In Detail

This Course takes you from the very Basics and its most important Feature (Types!) to the Point where you're able to use TypeScript in any of your Projects. ReactJS Projects included! You'll also learn that you're not limited to Angular 2 or plain JavaScript/ TypeScript Projects. A complete Module covers how to use TypeScript with ReactJS to benefit from its Features, there, too. In this Course you'll get insights into:

  • Types and how to use them
  • How the TypeScript Compiler works
  • ES6 Features in TypeScript
  • Classes in TypeScript
  • Namespaces and Modules
  • Interfaces
  • Generics
  • Decorators
  • How to integrate Third-Party JavaScript Libraries into your TypeScript Project
  • How to integrate TypeScript into your Gulp or Webpack Workflow
  • Or how to set up a plain-TypeScript Workflow
  • How to use TypeScript together with ReactJS

By the end of the course, you'll be confident enough to build the applications you want and need.

The code bundle for this video course is available at https://github.com/PacktPublishing/Understanding-TypeScript

Table of Contents

  1. Chapter 1 : Getting Started
    1. Course Introduction 00:02:10
    2. What is TypeScript? 00:03:24
    3. Why TypeScript and How to use it? 00:03:49
    4. Installing TypeScript 00:02:15
    5. Using TypeScript 00:02:47
    6. Setting up the Course Workspace 00:06:17
  2. Chapter 2 : Using Types for a better Code
    1. Introduction 00:00:46
    2. Type Basics 00:02:24
    3. Numbers & Booleans 00:01:43
    4. Assigning Types Explicitly 00:02:12
    5. Arrays and Types 00:03:07
    6. Tuples 00:01:58
    7. Enums 00:03:54
    8. The "Any" Type 00:01:44
    9. Understanding the created JavaScript Code 00:01:41
    10. Using Types in Functions (Arguments & Return Values) 00:04:38
    11. Functions as Types 00:04:04
    12. Objects and Types 00:04:54
    13. Example: Putting it all together in a Complex Object 00:01:31
    14. Creating custom Types with Type Aliases 00:02:32
    15. Allowing multiple Types with Union Types 00:02:09
    16. Checking for Types during Runtime 00:02:05
    17. The "never" Type (added with TypeScript 2.0) 00:01:55
    18. Nullable Types (added with TypeScript 2.0) 00:06:25
    19. Module Exercise: Problem 00:00:48
    20. Module Exercise: Solution 00:04:04
    21. Module Summary 00:00:50
  3. Chapter 3 : Understanding the TypeScript Compiler
    1. Introduction 00:00:34
    2. How Code gets Compiled 00:01:56
    3. Changing the Compiler Behavior on Errors 00:02:13
    4. Debugging your TypeScript Code using Source Maps 00:02:12
    5. Avoiding implicit "Any" 00:01:42
    6. More Compiler Options 00:01:01
    7. Compiler Improvements with TypeScript 2.0 00:03:09
    8. Module Summary 00:00:34
  4. Chapter 4 : TypeScript and ES6
    1. Introduction 00:01:49
    2. "Let" and "Const" 00:04:12
    3. Block Scope 00:02:43
    4. Arrow Functions 00:03:40
    5. Arrow Functions - Variations 00:01:49
    6. Functions and Default Parameters 00:04:11
    7. The Spread Operator 00:03:40
    8. The Rest Operator 00:05:17
    9. Destructuring Arrays 00:03:41
    10. Destructuring Objects 00:03:09
    11. Template Literals 00:04:07
    12. Other ES6 Features 00:01:09
    13. Module Exercise: Solution 00:13:20
    14. Module Summary 00:00:52
  5. Chapter 5 : Using Classes to create Objects
    1. Introduction 00:00:31
    2. Creating Classes and Class Properties 00:08:19
    3. Class Methods and Access Modifiers 00:04:45
    4. Inheritance 00:03:01
    5. Inheritance and Constructors 00:01:57
    6. Inheritance Wrap Up 00:02:04
    7. Getters & Setters 00:05:47
    8. Static Properties and Methods 00:03:39
    9. Abstract Classes 00:05:57
    10. Private Constructors & Singletons (added with TypeScript 2.0) 00:02:55
    11. "readonly" Properties (added with TypeScript 2.0) 00:02:15
    12. Module Exercise: Solution 00:13:27
    13. Module Summary 00:00:50
  6. Chapter 6 : Namespaces and Modules
    1. Introduction 00:00:52
    2. An Introduction to Namespaces 00:06:38
    3. Namespaces and Multiple Files 00:05:04
    4. Namespace Imports 00:02:41
    5. More on Namespaces 00:02:26
    6. Limitations of Namespaces 00:01:45
    7. Modules 00:04:03
    8. Loading Modules 00:09:00
    9. Importing & Exporting Modules 00:02:37
    10. Module Resolution 00:02:26
    11. Namespaces vs Modules - Wrap Up 00:02:10
    12. Module Summary 00:00:39
  7. Chapter 7 : Doing Contract Work with Interfaces
    1. Introduction 00:00:50
    2. The Basics about Interfaces 00:05:54
    3. Interfaces and Properties 00:05:08
    4. Interfaces and Methods 00:02:21
    5. Using Interfaces with Classes 00:03:46
    6. Interfaces and Function Types 00:03:20
    7. Interface Inheritance 00:02:20
    8. What happens once Interfaces get Compiled 00:01:42
    9. Module Summary 00:00:28
  8. Chapter 8 : Generics
    1. Introduction 00:00:51
    2. Why and What? 00:04:20
    3. Creating a Generic Function 00:03:23
    4. A built-in Generic Type: Arrays 00:01:52
    5. Generic Types and Arrays 00:01:31
    6. Using Generic Types 00:02:32
    7. Creating a Generic Class 00:04:07
    8. Constraints 00:03:03
    9. Using more than one Generic type 00:02:45
    10. Module Exercise: Solution 00:06:14
    11. Module Summary 00:01:03
  9. Chapter 9 : Behind the Scenes with Decorators
    1. Introduction 00:01:11
    2. Creating a Class Decorator 00:04:52
    3. Decorator Factories 00:03:25
    4. Creating a useful Decorator 00:03:03
    5. Using Multiple Decorators 00:01:05
    6. A first Summary 00:02:14
    7. Method Decorators 00:05:13
    8. Property Decorators 00:04:35
    9. Parameter Decorators 00:04:23
    10. Module Summary 00:01:20
  10. Chapter 10 : Using JavaScript Libraries (like jQuery) with TypeScript
    1. Introduction 00:01:26
    2. Installing a Third-Party Library 00:01:15
    3. Importing the Library 00:04:45
    4. Translating JavaScript to TypeScript with TypeScript Definition Files 00:02:09
    5. Option 1: Manually download TypeScript Definition Files 00:02:21
    6. Option 2: Managing TypeScript Defintion Files with the "typings" Package 00:03:30
    7. Easier Type Management with TypeScript 2.0 00:03:11
    8. Module Summary 00:00:42
  11. Chapter 11 : TypeScript Workflows
    1. Introduction 00:00:59
    2. Using "tsc" and the tsconfig File 00:02:58
    3. How TypeScript resolves Files using the tsconfig.json File 00:05:55
    4. More on "tsc" and the tsconfig File 00:03:00
    5. Adding TypeScript into a Gulp Workflow 00:08:05
    6. Adding TypeScript into a Webpack Workflow 00:10:46
    7. Module Summary 00:00:47
  12. Chapter 12 : Example: Using TypeScript together with ReactJS
    1. Introduction 00:01:21
    2. Setting up the Project & Adding React Packages 00:02:58
    3. Adding the ReactJS TypeScript Definition Files 00:02:04
    4. Installing Webpack 00:01:49
    5. Configuring Webpack 00:03:53
    6. Creating ReactJS Code - with TypeScript 00:06:18
    7. Configuring the TypeScript Compiler to work with ReactJS 00:03:00
    8. Using TypeScript 2.0 Type Management 00:02:34
    9. Module Summary 00:00:59
  13. Chapter 13 : After finishing this Course
    1. Course Roundup 00:01:15