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

Introduction to Typescript

Video Description

TypeScript is JavaScript supercharged! Its productivity-enhancing features, such as optional static typing, enhanced IDE support, and auto-complete, make this open-source JavaScript extension a popular tool with web developers building feature-rich applications. In the video course Introduction to TypeScript, experienced technical trainer Tamas Piros teaches you TypeScript basics like data types, generics, typings, and debugging. You’ll also explore how TypeScript integrates with the Angular framework, which was built using TypeScript. By the end of this visual journey, you’ll have the skills and knowledge to apply TypeScript to your next web project.


about the subject

Building on the familiar JavaScript syntax and structures, TypeScript provides a strong type system and inline error flagging. With the precision types added to your code, you’ll more easily take advantage of best practices like code refactoring and type annotations. Since TypeScript compiles to clean and simple JavaScript code, you can confidently run your TypeScript apps on any browser. TypeScript is fully interoperable with all JavaScript libraries, so new and evolving JavaScript features are at your fingertips.


about the video

Introduction to TypeScript teaches you everything you need to know to get started writing awesome web apps with TypeScript. First, you’ll review the relevant ECMAScript foundations that will enhance your first steps down the TypeScript road. Then, after setting up your programming environment, you’ll explore primitive data types like Boolean, numbers, and strings, as well as non-primitive data types like arrays, tuples, and enums. Your next stop will be object-oriented programming concepts including interfaces, classes, access modifiers, and abstract methods.
As you work through this course, you’ll discover generics and how to use them, and progress further into typings, including how to apply them to third-party libraries. You’ll also learn to efficiently transpile TypeScript to JavaScript with and without the open-source module bundler Webpack. With the 45 comprehensive videos in this course, you’ll have a rock-solid foundation and a collection of instantly-useful skills for building strong, safe, web apps!

Inside:
  • Setting up your programming environment
  • Primitive and non-primitive data types
  • Object-oriented programming in TypeScript
  • Generics and how to use them
  • Applying typings to third-party libraries
  • Transpiling TypeScript code to JavaScript
  • Debugging TypeScript code
Requires basic JavaScript and web development knowledge.

Tamas Piros is a full stack web developer turned technical instructor, curriculum developer, and developer evangelist. He has more than a decade of experience working with large, prestigious organizations including Verizon, Panasonic, BBC, and Credit Suisse. He regularly conducts workshops and presentations at prestigious conferences and meetings worldwide.

Table of Contents

  1. ECMASCRIPT 2015
    1. ECMA International 00:02:40
    2. 'const' and 'var' - new ways to declare variables 00:04:09
    3. Working with Objects and Arrays the ES2015 way 00:07:02
    4. Arrow functions 00:06:19
    5. Rest, Spread operator and Default function parameters 00:04:17
    6. Template literals 00:02:14
    7. Classes in ECMAScript 2015 00:06:33
    8. Modules (in TypeScript) 00:05:34
  2. SETTING UP YOUR ENVIRONMENT
    1. What is TypeScript 00:03:25
    2. Installing a code editor (Visual Studio Code) 00:03:50
    3. Configuring TypeScript via tsconfig.json 00:07:26
    4. Executing TypeScript Code 00:02:38
  3. PRIMITIVE DATA TYPES IN TYPESCRIPT
    1. Boolean 00:02:00
    2. Number 00:01:22
    3. String 00:00:53
    4. Using all primitive data types 00:02:37
  4. NON-PRIMITIVE DATA TYPES
    1. Arrays 00:04:32
    2. Tuple 00:02:43
    3. Enum 00:03:02
    4. Any 00:02:09
    5. Never 00:02:02
    6. Null and Undefined 00:02:45
    7. Void 00:01:14
    8. Functions 00:01:40
    9. Type 00:01:37
    10. Type assertion 00:03:31
    11. Objects 00:02:08
  5. OBJECT ORIENTED TYPESCRIPT - PART 1
    1. Interfaces 00:07:07
    2. Type vs Interface 00:02:52
    3. Using the 'extends' keyword 00:02:50
    4. Interface - index signature 00:01:56
  6. OBJECT ORIENTED TYPESCRIPT - PART 2
    1. Data types and optional parameters for functions 00:02:07
    2. Classes in TypeScript 00:03:50
    3. Access modifiers 00:04:30
    4. Using the 'implements' keyword 00:01:25
    5. Creating abstract classes and methods 00:03:26
    6. Putting everything together 00:08:15
  7. GENERICS
    1. Using generics in TypeScript 00:03:48
  8. TYPINGS, TRANSPILATION AND DEBUGGING
    1. Typings for third party libraries 00:07:12
    2. Use Webpack with TypeScript for transpilation 00:07:12
    3. Linting TypeScript code 00:05:23
    4. Enable linting via Webpack 00:02:28
    5. Debugging TypeScript code 00:04:03
    6. Use SystemJS with TypeScript 00:04:20
    7. Use RequireJS with TypeScript 00:01:56