Conheça o framework Vue.js
4 de maio de 2017
Mikael Rogers
Membro da Node.js Foundation afirma que o Node passará o Java em um ano
23 de junho de 2017

O que é TypeScript

TypeScript é um superset para desenvolver com JavaScript – é uma linguagem para desenvolvimento JavaScript em larga escala, desenvolvida pela Microsoft. Com TypeScript podemos escrever código utilizando uma estrutura fortemente tipada e ter este código compilado para JavaScript puro.

O TypeScript começa a partir da mesma sintaxe e semântica que milhões de desenvolvedores de JavaScript sabem hoje. Você pode usar o código JavaScript existente e incorporar bibliotecas de JavaScript populares.

O TypeScript compila um código JavaScript simples e limpo que é executado em qualquer navegador, em Node.js ou em qualquer mecanismo JavaScript que suporte ECMAScript 3 (ou mais recente).

Uma das maiores vantagens do desenvolvimento com TypeScript é a inferência de tipos. Os tipos permitem que desenvolvedores de JavaScript usem ferramentas e práticas de desenvolvimento altamente produtivas como verificação estática e refatoração de código ao desenvolver aplicativos JavaScript.

Os tipos são opcionais e a inferência de tipos permite que algumas anotações de tipo façam uma grande diferença na verificação estática do seu código. Os tipos permitem definir interfaces entre componentes de software e obter insights sobre o comportamento de bibliotecas de JavaScript existentes.

O TypeScript oferece suporte para os recursos JavaScript mais recentes e em evolução, incluindo os do ECMAScript 2015 e futuras propostas, como funções assíncronas e decoradores, para ajudar a criar componentes robustos.

Esses recursos estão disponíveis no momento do desenvolvimento para o desenvolvimento de aplicativos de alta confiança, mas são compilados em JavaScript simples utilizado em ambientes ECMAScript 3 (ou mais recentes).

O TypeScript é altamente recomendado para quem pretende desenvolver aplicações com Angular e Ionic (ambos na versão 2 ou superior). Muito utilizado também por desenvolvedores Node.js.

Node.js + TypeScript

Porém, qualquer aplicação que requeira o poder do desenvolvimento orientado a objetos no JavaScript pode se beneficiar desse superset.

Instalação do TypeScript

Para instalar o TypeScript em sua máquina, basta ter instalado o Node.js. Siga os passos do artigo abaixo para instalar o Node.js e o NPM em seu computador, caso ainda não o tenha feito.

Instalar o Node.js e o NPM

Com o Node.js e o NPM instalados, basta rodar o código abaixo no terminal ou console de sua máquina para instalar o TypeScript.

npm install -g typescript

Para verificar se o TypeScript foi realmente instalado, rode o comando abaixo.

tsc -v

Se a versão do TypeScript foi mostrada no terminal ou console, a instalação foi concluída com sucesso.

Testando o TypeScript

Para testar o TypeScript, realizaremos um simples Hello World e compilaremos para um arquivo JavaScript. Sim, eu odeio tutoriais Hello World, mas como o objetivo desse post é apenas explicar o funcionamento do TypeScript, vou ater-me à uma simples explicação.

Neste exemplo usaremos o Visual Studio Code, que considero um dos melhores editores de código do momento, e já vem com suporte para esta linguagem. Para efetuar o download desse software, basta acessar este link e realizar e baixar a versão para o seu sistema operacional.

Concluída a instalação do seu Visual Studio Code, crie em seu diretório de desenvolvimento – uma pasta para seus projetos typescript (pode ser C:/typescript). Nesta página, crie o arquivo types.ts, e insira nele o código abaixo.

 

 

Agora basta complicar o arquivo, usando o código abaixo no terminal.

cd C:\typescript

tsc types.ts

Se no diretório foi criado um arquivo types.js, a compilação foi um sucesso. Para executar o arquivo types.js, efetue o código abaixo no terminal (dentro da pasta typescript):

node types.js

Se a mensagem “Hello World com TypeScript foi exibida no terminal, tudo deu certo. Parabéns, você criou seu primeiro exemplo com TypeScript.

Para acessar a documentação do TypeScript, acesse este link. Vale muito a pena estudar a documentação das linguagens e frameworks que usamos.

Eu sei, eu sei… Bem pobre para quem está procurando um material mais completo. Eu criarei mais tutoriais com TypeScript. Estou devendo também um material sobre o Angular 2 e o Ionic 2… Estou me recuperando de uma cirurgia e só agora voltei a usar o Note para escrever posts, então, aos poucos a divulgar dicas com mais frequência.

Abraços a todos!

Salvar

Salvar

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *