palestra no TDC Porto Alegre sobre os beneficios e malleficios

1. Globalcode – Open4educationGlobalcode – Open4education
SoftwareDeveloper();
Way2 Technology - Florianopolis - SC
Trilha Javascript
TypeScript
Caliel Costa

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

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

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

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

6. Globalcode – Open4education
Code

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

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

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

10. Globalcode – Open4education
Modules & Namespaces
Criar Agrupamentos
Exportar o que deve ser visto

11. Globalcode – Open4education
Suporte a ES6
Podemos utilizar
• let
• const
• class

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

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

14. Globalcode – Open4education
Porque eu deveria usar
TypeScript?
• ES6
• Modules
• Typings

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

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