TypeScript

The JavaScript with Power-up

Luiz Carlos

Engenheiro de Software@ CESAR

Bruno Lima

Front-end Developer@ CESAR

Agenda

• -- History
• -- Today
• -- Types
• -- Tooling
• -- Interfaces
• -- Generics
• -- Debugging
• -- and the Future

Anders Hejlsberg

• -- C#
• -- Turbo Pascal
• -- Delphi

2012

TypeScript --version 0.8

Angular 2.0

Aurelia 1.0

Install

$ npm install -g typescript
					

Compile

$ tsc helloworld.ts
					

Types

let name: string;
let age: number;
let isEnabled: boolean;
let pets: string[];
let accessories: string | string[];
let attributes: [string, number];
let foo: any;
let unusable: void = undefined;
let customer: IWarrior;

					

# demo

Tooling

• Code Help/ Intellisense
• Refactoring
• Peek/Go To
• Find References

# demo

Interfaces

interface IWarrior {
	firstName: string;
	lastName: string;
	dead?: boolean;
}

let person: IWarrior = {
	firstName: 'Ned',
	lastName: 'Stark'
}
					

# demo

Generics

export class FamilyStark<T> {
	add(member: T) {...}
}

let starks = new FamilyStark<IWarrior>();

starks.add({
	firstName: 'Jon',
	lastName: 'Snow',
	dead: false
});
					

Debugging

# demo

The Future

2.0

beta

• -- Types
  • never
  • null
  • undefined
  • this {functions}
• -- More ... bit.ly/TsRoadmap

More

• -- typescriptlang.org
• -- Understanding ES5, ES2015 and TypeScript bit.ly/29VJZY8

;) Thanks!

• -- bruno.lima@cesar.org.br
• -- luiz.carlos@cesar.org.br