Introduction

Most popular programming language on the web.

Agenda

Types

Interface

Class

Module

Function

Generics

References

Handbook - http://www.typescriptlang.org/Handbook

Playground - http://www.typescriptlang.org/Playground

Typescript Demo with Webpack - https://github.com/hesing/typescript-webpack-demo

Insatll Typescript

npm install typescript -g

Using Typescript

tsc myfile.ts myoutput.js

// compile multiple ts file in one shot
tsc 1.ts b.ts --out myoutput.js

Typescript compiltation with Sublime Text 3

install TypeScript plugin using sublime package manager. use Ctrl + B to compile typescript file.

ts build

it also help in code completion...

code completion

Also you want to install sublime text 3 tslint to get immediate error notification.

Typescript compiltation with Webpack

npm install ts-loader --save-dev

in webpack.config.js include ts-loader ...

module.exports = {  
  entry: './app.ts',
  output: {
    filename: 'bundle.js'
  },
  resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.js']
  },
  module: {
    loaders: [
      { test: /\.ts$/, loader: 'ts-loader' }
    ]
  }
}

now we can use typescript like below...

require('../tssample/test.js');
or
require('../tssample/test.ts');