TypeScript

No dia 25 de Novembro de 2016, rolou um encontro do FEMUG-AM sobre TypeScript que teve como objetivo explicar os principais pontos desse superset e suas carecterísticas

Transcript

1. TypeScript Kirmayr Tomaz
2. Kirmayr Tomaz Bacharel em Sistemas de Informação pela Universidade Federal do Amazonas. Cursou um Técnico em Informática pelo CETAM e se apaixonou pela área da computação. Durante a graduação teve oportunidade de contribuir com o PoP-AM e IComp/INDT. Passou pelas startups Neemu e Fermen.to como desenvolvedor, e hoje se divide entre lecionar no CETAM, freelas e projetos open-source.
4. O que é TypeScript?
5. História do TypeScript • Criando pela Microsoft • Criado por Anders Hejlsber - Criador do C# • Visto pela primeira vez em outubro de 2012 • A partir de 2013 teve suporte a várias IDE • Adotado pelo Angular 2 e consequentemente Ionic 2 • Webpack foi reescrito em Typescript
6. Vantagens e Desvantagens de javascript
7. Prós • Está presente em todos os lugares • Comunidade extremamente grande ativa e forte • Flexível • Muito conteúdo para aprendizagem http://pt.slideshare.net/tdc-globalcode/tdc2016sp-typescript-em-aplicaes-mod ernas-64412492
8. Contra • Não é trivial • Bugs • Checagem em tempo de execução • Alto custo de manutenibilidade • Escopos só podem ser criados por função (antigamente) http://pt.slideshare.net/tdc-globalcode/tdc2016sp-typescript-em-aplicaes-mod ernas-64412492
9. Vantagens e Desvantagens do TypeScript
10. Prós • Checagem de tipo • Autocomplete • Auxílio da IDE para a refatoração de código • baixo custo de Manutenção • Fácil aprendizado para profissionais de linguagem estáticas • Você pode continuar usando javascript http://pt.slideshare.net/tdc-globalcode/tdc2016sp-typescript-em-aplicaes-mod ernas-64412492
11. Contra • Adição de mais um processo • Risco do desenvolvedor não estudar javascript • Typigns http://pt.slideshare.net/tdc-globalcode/tdc2016sp-typescript-em-aplicaes-mod ernas-64412492
12. Eu gosto de javascript não de java(TypeScript)
16. TypeScript //Instalar npm install -g typescript //Rodar tsc teste.ts -o teste.js
17. Tipos de variáveis Conceito
18. Types let isDone: boolean = false; Definindo o tipo de variável entre let e Const ES6
19. Types let isDone: boolean = false; Nome da variável
20. Types let isDone: boolean = false; Definindo o tipo de variável começa sempre com : e depois insere o tipo boolean
21. Types let isDone: boolean = false; Valor da variável iniciada: Notem que estou passando o valor false para uma variável do tipo booleana
22. Types let isDone: boolean = []; O que acontece quando passo um tipo diferente do permitido ?
23. Tipos de variáveis
24. Tipos • Boolean - Booleano • Number - Número • String - String • Array - • Tuple - Permite números e strings • Any -
25. Tipos • Boolean - Booleano • Number - Número • String - String • Array • Tuple - Permite números e strings • Enum • Any
26. Tipos • Boolean - Booleano • Number - Número • String - String • Array • Tuple - Permite números e strings • Enum • Any
27. Tipos • Boolean - Booleano • Number - Número • String - String • Array • Tuple - Permite números e strings • Enum • Any
28. Tipos • Boolean - Booleano • Number - Número • String - String • Array • Tuple - Permite números e strings • Enum • Any
29. Tipos • Boolean - Booleano • Number - Número • String - String • Array • Tuple - Permite números e strings • Enum • Any
30. Declaração de variáveis
31. Funções
32. Funções Definir o tipo de parâmetro que está sendo enviando para a função
33. Funções Definir o tipo de retorno da função
34. O que acontece se eu tentar retornar um tipo diferente?
35. Funções Parâmetro não é obrigatório Caso o valor seja nulo, define esse parâmetro como padrão
36. Classes
37. Classes • Constructor • Método e Variáveis que pode ser do tipo público, privado e estático • Set and Get
41. Interfaces
42. Definindo que a função deve receber como parâmetro as mesmas variáveis da interface
43. Definindo que a função deve retornar a estrutura da interface que foi definida
44. Interfaces de Função
46. Interfaces de Array
48. Interface de Classe
50. Let's play
51. Obrigado