Globalcode – Open4educationGlobalcode – Open4education

SoftwareDeveloper();Way2 Technology - Florianopolis - SC

Trilha Javascript

TypeScript

Caliel Costa

Globalcode – Open4education

TypeScript

É um superset de Javascript que adiciona

tipificação opcional, classes e módulos.

Foi criada em 2012 pela (Evil Corp) Microsoft, é

livre e de código aberto desde a sua criação.

Em 22/09 lançada a versão 2.0

Globalcode – Open4education

Node.js

Para Instalar:

npm install -g typescript

Para Compilar

tsc helloworld.ts

Globalcode – Open4education

Para “Codar”

• Visual Studio 2013-2015

• Visual Studio Code

• Sublime

• Atom

• Eclipse

• Vim

• Notepad

Globalcode – Open4education

O que tem de bom?

• Interfaces

• Classes

• Generics

• Const

• Modules

• Namespaces

• ECMAScript 3, 5, 6, …

Globalcode – Open4education

Code

Globalcode – Open4education

Interfaces

Pode ser utilizada como entrada e saída de uma

função, criada com base em um json ou outra

classe.

Pode receber

Com isso evitamos a passagem de objetos não

suportados entre functions

Globalcode – Open4education

Interfaces

interface Person {

firstName: string;

lastName: string;

}

Basicamente, estou dizendo: “qualquer coisa que

tenha firstName e lastName é uma Person”.

Globalcode – Open4education

Classes

Permite herança

Comportamento privado e protegido (público é o

padrão)

Posso ter Getter e Setter

Classes abstratas

Globalcode – Open4education

Modules & Namespaces

Criar Agrupamentos

Exportar o que deve ser visto

Globalcode – Open4education

Suporte a ES6

Podemos utilizar

• let

• const

• class

Globalcode – Open4education

Mudando para ES6

Para que nosso código funcione em ES6 basta….

{

"compilerOptions": {

"target": "es6",

}

}

Globalcode – Open4education

Typings

aka DefinitelyTyped

https://github.com/typings/typings

npm install typings --global

typings search --name underscore

typings install dt~underscore --global --save

Globalcode – Open4education

Porque eu deveria usar

TypeScript?

• ES6

• Modules

• Typings

Globalcode – Open4education

Porque eu NÃO deveria

usar TypeScript?

• Aprendizado de uma nova linguagem

• É difícil voltar atrás

• Resistência

Globalcode – Open4education

Contato

Caliel Costa

https://www.linkedin.com/in/caliel

https://www.facebook.com/caliel.lc

https://twitter.com/calielc

https://github.com/calielc

http://calielcosta.com