Porque eu deveria usar TypeScript?

1. pen4education
SoftwareDeveloper();
Way2 Technology - Florianopolis - SC
Trilha Javascript
TypeScript
Caliel Costa

2. pen4education
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

3. pen4education
Node.js
Para Instalar:
npm install -g typescript
Para Compilar
tsc helloworld.ts

4. pen4education
Para “Codar”
• Visual Studio 2013-2015
• Visual Studio Code
• Sublime
• Atom
• Eclipse
• Vim
• Notepad

5. pen4education
O que tem de bom?
• Interfaces
• Classes
• Generics
• Const
• Modules
• Namespaces
• ECMAScript 3, 5, 6, …

6. pen4education
Code

7. pen4education
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

8. pen4education
Interfaces
interface Person {
firstName: string;
lastName: string;
}
Basicamente, estou dizendo: “qualquer coisa que
tenha firstName e lastName é uma Person”.

9. pen4education
Classes
Permite herança
Comportamento privado e protegido (público é o
padrão)
Posso ter Getter e Setter
Classes abstratas

10. pen4education
Modules & Namespaces
Criar Agrupamentos
Exportar o que deve ser visto

11. pen4education
Suporte a ES6
Podemos utilizar
- let
- const
- class

12. pen4education
Mudando para ES6
Para que nosso código funcione em ES6 basta….
{
"compilerOptions": {
"target": "es6",
}
}

13. pen4education
Typings
aka DefinitelyTyped
https://github.com/typings/typings
npm install typings --global
typings search --name underscore
typings install dt~underscore --global --save

14. pen4education
Porque eu deveria usar
TypeScript?
• ES6
• Modules
• Typings

15. pen4education
Porque eu NÃO deveria
usar TypeScript?
• Aprendizado de uma nova linguagem
• É difícil voltar atrás
• Resistência

16. pen4education
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