Visão Geral do
TypeScript
TDC 2014 SP – João Talles Dantas Batista
Agenda
 O que é TypeScript
 Visual Studio + TypeScript
 Compatibilidade com frameworks/bibliotecas
javascript
 Recomendações
 Referências
TypeScript
 Adiciona tipos opicinais, classes e módulos a linguagem
javascript
 Possibilita a “compilação” de código javascript
 Projeto OpenSource no GitHub
 https://github.com/Microsoft/TypeScript
Visual Studio
 Compatibilidade
 Visual Studio 2012 (TypeScript Editor Plugin)
 Visual Studio 2013 (Update 2)
 Sublime
 Vim
 Emacs
 Template de projeto TypeScript
Compatibilidade
 Integração com bibliotecas externas através de aquivos *.d.ts
(TypeScript Type Definition)
 TypeScript Type Denition Library:
 https://github.com/borisyankov/DefinitelyTyped
 Podemos criar nossos próprios tipos d.ts para nosso código javascript
Recomendações
 Sempre utilizar arquivos d.ts (que possível)
 Intellisense + compilação
 Evite declarar variáveis do tipo any
 “Perdemos” a compilação nesse cenário
 Quando mais cedo você adotar o TypeScript em seu projeto melhor
Referências
 http://www.typescriptlang.org/
 http://www.typescriptlang.org/Playground
 https://github.com/Microsoft/TypeScript
 https://github.com/borisyankov/DefinitelyTyped
 http://www.infoq.com/typescript/
 http://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps.html

Visão geral type script

  • 1.
    Visão Geral do TypeScript TDC2014 SP – João Talles Dantas Batista
  • 2.
    Agenda  O queé TypeScript  Visual Studio + TypeScript  Compatibilidade com frameworks/bibliotecas javascript  Recomendações  Referências
  • 3.
    TypeScript  Adiciona tiposopicinais, classes e módulos a linguagem javascript  Possibilita a “compilação” de código javascript  Projeto OpenSource no GitHub  https://github.com/Microsoft/TypeScript
  • 4.
    Visual Studio  Compatibilidade Visual Studio 2012 (TypeScript Editor Plugin)  Visual Studio 2013 (Update 2)  Sublime  Vim  Emacs  Template de projeto TypeScript
  • 5.
    Compatibilidade  Integração combibliotecas externas através de aquivos *.d.ts (TypeScript Type Definition)  TypeScript Type Denition Library:  https://github.com/borisyankov/DefinitelyTyped  Podemos criar nossos próprios tipos d.ts para nosso código javascript
  • 6.
    Recomendações  Sempre utilizararquivos d.ts (que possível)  Intellisense + compilação  Evite declarar variáveis do tipo any  “Perdemos” a compilação nesse cenário  Quando mais cedo você adotar o TypeScript em seu projeto melhor
  • 7.
    Referências  http://www.typescriptlang.org/  http://www.typescriptlang.org/Playground https://github.com/Microsoft/TypeScript  https://github.com/borisyankov/DefinitelyTyped  http://www.infoq.com/typescript/  http://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps.html