Pular para o conteúdoPedro Farbo
Lição 1 / 515 min

O que é TypeScript?

O que é TypeScript?

TypeScript é um superset do JavaScript desenvolvido pela Microsoft que adiciona tipagem estática opcional à linguagem. Isso significa que todo código JavaScript válido também é código TypeScript válido.

Por que usar TypeScript?

1. Detecção de Erros em Tempo de Desenvolvimento

Com TypeScript, muitos erros comuns são detectados antes mesmo de executar o código:

typescript
// JavaScript - erro só aparece em runtimefunction soma(a, b) {  return a + b;}soma("5", 3); // "53" - concatenação ao invés de soma! // TypeScript - erro aparece imediatamentefunction soma(a: number, b: number): number {  return a + b;}soma("5", 3); // Erro: Argument of type 'string' is not assignable to parameter of type 'number'

2. Melhor Autocompletar e IntelliSense

Com tipos definidos, sua IDE sabe exatamente quais métodos e propriedades estão disponíveis:

typescript
interface Usuario {  nome: string;  email: string;  idade: number;} const usuario: Usuario = {  nome: "Pedro",  email: "pedro@email.com",  idade: 30}; // Sua IDE sugere: nome, email, idadeusuario. // ← autocompletar funciona perfeitamente!

3. Refatoração Segura

Quando você renomeia uma variável ou muda a estrutura de um objeto, o TypeScript mostra todos os lugares que precisam ser atualizados.

4. Documentação Integrada

Os tipos servem como documentação que nunca fica desatualizada:

typescript
// A assinatura da função já documenta o que ela espera e retornafunction calcularDesconto(  preco: number,  percentual: number): number {  return preco * (1 - percentual / 100);}

Como TypeScript Funciona?

TypeScript não roda diretamente no navegador ou no Node.js. Ele precisa ser transpilado (convertido) para JavaScript:

arquivo.ts → Compilador TypeScript (tsc) → arquivo.js

O código resultante é JavaScript puro que pode rodar em qualquer ambiente.

Instalando TypeScript

Para começar a usar TypeScript, você precisa instalá-lo globalmente ou como dependência do projeto:

bash
# Instalação globalnpm install -g typescript # Ou como dependência do projetonpm install --save-dev typescript

Depois, você pode compilar arquivos .ts:

bash
# Compilar um arquivotsc arquivo.ts # Compilar em modo watchtsc --watch

Conclusão

TypeScript é uma ferramenta poderosa que traz segurança e produtividade para projetos JavaScript. Na próxima lição, vamos explorar os tipos básicos disponíveis na linguagem.

Gostou do conteúdo? Sua contribuição ajuda a manter tudo online e gratuito!

PIX:0737160d-e98f-4a65-8392-5dba70e7ff3e