Typescript
Adrian Lemes
Problemas de JS
● A primeira versão da linguagem foi feita em 10 dias
● Implementação de class do JavaScript é ruim
● Fracamente tipado, logo não tem interfaces
● Em runtime no JavaScript podemos ter uma variável com um Number sendo
que ela é do tipo String
● Erros em runtime
● É difícil escalar o desenvolvimento de aplicações JavaScript
O que é TypeScript?
● Desenvolvido pela Microsoft
● Ajuda na construção de aplicações JS em larga escala
● Tipagem dinâmica
● Superset de tipagem de JavaScript e compila para Plain JavaScript
● Todo arquivo de JavaScript .js pode ser renomeado para .ts e compilar
normal
● Roda em qualquer browser, host e OS
● Open source
Onde utilizar?
● Angular
● NodeJS
● React (TSX)
● Vue
● React Native
● Aplicações JS em geral
Features Typescript
● Tipagem
● Static
● Modificadores de acesso
● Interface
● Enum
● Generics
● Module
Tipos Suportados
● Any
● Tipos primitivos
○ Number
○ String
○ Boolean
○ Void
○ Null
● Array
● Enum
Getting Started
● npm install -g typescript
● touch file.ts
● tsc file.ts ou tsc --watch file.ts
Uso de TypeScript
Erros de compilação
Erros em Runtime
Erros em Compilação
Interface
Enum
Generics

Typescript

  • 1.
  • 2.
    Problemas de JS ●A primeira versão da linguagem foi feita em 10 dias ● Implementação de class do JavaScript é ruim ● Fracamente tipado, logo não tem interfaces ● Em runtime no JavaScript podemos ter uma variável com um Number sendo que ela é do tipo String ● Erros em runtime ● É difícil escalar o desenvolvimento de aplicações JavaScript
  • 3.
    O que éTypeScript? ● Desenvolvido pela Microsoft ● Ajuda na construção de aplicações JS em larga escala ● Tipagem dinâmica ● Superset de tipagem de JavaScript e compila para Plain JavaScript ● Todo arquivo de JavaScript .js pode ser renomeado para .ts e compilar normal ● Roda em qualquer browser, host e OS ● Open source
  • 5.
    Onde utilizar? ● Angular ●NodeJS ● React (TSX) ● Vue ● React Native ● Aplicações JS em geral
  • 6.
    Features Typescript ● Tipagem ●Static ● Modificadores de acesso ● Interface ● Enum ● Generics ● Module
  • 7.
    Tipos Suportados ● Any ●Tipos primitivos ○ Number ○ String ○ Boolean ○ Void ○ Null ● Array ● Enum
  • 8.
    Getting Started ● npminstall -g typescript ● touch file.ts ● tsc file.ts ou tsc --watch file.ts
  • 9.
  • 10.
    Erros de compilação Errosem Runtime Erros em Compilação
  • 11.
  • 12.
  • 13.