Utilizando o postman

    Para abrir o console no visual studio code: ctrl + shift + aspas

Depois disso rodar o comando npm start para iniciar o servidor.

Utilizando o Postman:

console.log:

Fazendo um POST:

Listagem Clientes:

Cadastro de Clientes:

Consumindo uma API REST com javascript

Acessando através de array:

Jogando os dados na tabela do meu HTML:

Criando um for:

TypeScript definitions

Instalação:

Remove comentários quando converte de TypeScript para Javascript:

Herança, reaproveitamento de código, generics e classe abstrata.

Resultado esperado:

As classes MensagemView e NegociacoesView são muito parecidas. Podemos utilizar herança:

Lidando com tipos genéricos:

Repare que os métodos update e template estão somente na classe pai View

Esse tipo de código ajuda o programador em tempo de compilação pois avisa erros. É melhor pegar os erros em tempo de compilação do que em runtime.

Manipulando o DOM com TypeScript

// NO CONSOLE DO NAVEGADOR

view = new NegociacoesView();

view.template(); // exibe o template retornado

Apresentação do modelo para o usuário:

// NO CONSOLE DO NAVEGADOR

view = new NegociacoesView('#negociacoesView');

view.update(); // atualiza o elemento do DOM com os dados do template

Criando a view no TypeScript

 

Para consertar isso através de programação defensiva, sendo assim, qualquer mudança será efetuada na cópia e não no array original encapsulado por Negociacoes:

Podemos e devemos definir os tipos de retorno nos métodos: