Introduction to TypeScript

  • 2 Days
  • Intermediate
  • Virtual | Classroom
  • £ On Request

Fast-track your team to TypeScript in just 2 days. A live classroom experience that teaches the language through a mix of explanation, demos, exercises, and live coding, all taught by industry veterans.

What you'll learn

Develop confidence in all core TypeScript features

Become comfortable with ADTs and other advanced concepts

Learn how to apply both OO and Functional paradigms

Become proficient at writing and testing in TypeScript

Overview

JavaScript is a powerful language that is ubiquitous in the Web. However, its dynamic and interpreted nature can lead to problems at scale, problems that are mitigated in other languages by compilation and static typing. TypeScript brings these benefits to the JavaScript universe.

TypeScript is a type safe superset of JavaScript that allows us to write clean, simple code that runs anywhere JavaScript does. Unlike other languages that can transpile to JavaScript, the interop between JavaScript and TypeScript is a primary engineering concern. As a superset, all JavaScript skills and legacy code are readily reusable. Type safety brings many benefits, including catching bugs at compile time instead of run time, advanced static analysis tooling, powerful refactorings, better IDE experience etc.

Outline

Introduction and Setup

  • Why do we need TypeScript?
  • What is Transpilation
  • The difference between the TypeScript compiler and Babel
  • Setting up a build environment with Webpack
  • Support for TS in the IDE
  • Configuring TypeScript via tsconfig.json
  • Decoding the transpiled output

TypeScript Fundamental

  • The basic types supported by TS
  • The power of type inference
  • Comparing any and unknown
  • The difference between Casting and Type Assertions
  • TypeScript as a superset of Modern JavaScript
  • Enhancements to function declarations
  • Using function types and higher order functions
  • How function overloading works in TypeScript
  • Numeric, String and const enumerations

Object Oriented TypeScript

  • The TypeScript class model in depth
  • Access modifiers and support for JavaScript private
  • Enforcing contracts via interfaces
  • Readonly properties and Accessors
  • Support for generic types and constraints

Advanced TypeScript

  • Advanced features of TS interfaces
  • The difference between object literals and type literals
  • Using string and number literals as Types
  • Type Aliases, Unions and Intersections
  • Smart Casting and Type Guards
  • Defining mapped types and the infer keyword
  • Utility types and type programming
  • ts-toolbelt and utility-types
  • Using class Decorators
  • Understanding Symbols
  • Generator functions
  • Writing asynchronous TypeScript

Testing TypeScript

  • Mock objects in a strongly typed world
  • Leveraging the Builder pattern
  • Testing asynchronous TypeScript

Requirements

Delegates must be proficient JavaScript developers. However, the delivery time can be extended if have no prior knowledge of JavaScript.

Ready to take the next step?

Contact our team to learn more about this course

Enquire About This Course

Related JavaScript Courses