Você está aqui: TypeScript ::: Dicas & Truques ::: Passos Iniciais |
O que é TypeScript, como baixar, instalar, testar e escrever seu primeiro código usando esta linguagemQuantidade de visualizações: 1553 vezes |
A linguagem JavaScript foi criada com o propósito de ser uma linguagem client-side, ou seja, para ser executada do lado do cliente (navegador web). O desenvolvimento e aparição do Node.js deu destaque ao JavaScript como uma tecnologia server-side (lado do servidor) também. No entanto, à medida que o nosso código JavaScript vai crescendo, ele tende a ficar bagunçado, tornando muito difícil a tarefa de mantê-lo e até mesmo reaproveitá-lo. Além disso, o fato de não conseguir apresentar aspectos como orientação a objetos, uma forte checagem de tipos e checagem de erros em tempo de compilação faz com que o JavaScript não consiga atingir o nível mais alto como tecnologia do lado do servidor. É aqui que entra o TypeScript. O que é TypeScript O TypeScript é o JavaScript para o desenvolvimento de aplicações escaláveis e apresenta forte tipagem de dados, é orientado a objetos e compilado. Esta linguagem foi desenvolvida por Anders Hejlsberg (o mesmo do C#), na Microsoft. O TypeScript é tanto uma linguagem quanto um conjunto de ferramentas. Assim, podemos dizer que TypeScript é JavaScript com algumas características adicionais. Os navegadores atuais (estou escrevendo esta dica em 2020) não apresentam suporte ao TypeScript. Por isso, nossos códigos TypeScript devem ser convertidos para JavaScript. Veremos como fazer isso logo mais adiante. Como baixar e instalar o TypeScript A instalação do TypeScript é feita a partir do Node.js. Se você ainda não o tem instalado em seu sistema, veja nossas dicas de Node.js. Então, com o Node.js devidamente instalado e funcionando, a instalação do TypeScript pode ser feita a partir do comando: npm install -g typescript Quando você disparar este comando em uma janela de terminal, o TypeScript será instalado. Para verificar a instalação, dispare o comando: tsc -v Você deverá ver um resultado parecido com "Version 3.9.5". Isso é sinal de que a instalação ocorreu com sucesso. Como escrever seu primeiro código TypeScript e convertê-lo para JavaScript Pronto. Agora que já temos o TypeScript devidamente instalado e funcionando, vamos ver como escrever nosso primeiro código e depois compilar ele para JavaScript. Para isso, abra o seu editor de código favorito e digite a seguinte listagem em TypeScript: var nome:string = "Osmar J. Silva"; var idade:number = 42; console.log("Olá, " + nome + ". Sua idade é: " + idade); Salve este código como "exemplo.ts" no diretório de sua preferência. Agora abra uma janela de terminal, entre nesse diretório e dispare: tsc exemplo.ts Você verá que foi gerado um arquivo "exemplo.js". Vamos abrir este arquivo e comparar o seu conteúdo com a listagem que escrevemos acima: var nome = "Osmar J. Silva"; var idade = 42; console.log("Olá, " + nome + ". Sua idade é: " + idade); Veja que a única diferença entre os dois foi que, no TypeScript, nós temos os tipos das variáveis usadas. Para finalizar, vamos executar este último arquivo e ver o resultado: node exemplo.js Se a mensagem "Olá, Osmar J. Silva. Sua idade é: 42" for escrita no console, então temos uma boa indicação de que tudo correu bem e já estamos prontos para progredir com nossos estudos. |
![]() |
Veja mais Dicas e truques de TypeScript |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
1º lugar: Java |