TypeScript do zero em 2025: guia completo para iniciantes

Introdução ao TypeScript: por onde começar em 2025

Em 2025, o TypeScript ocupa com confiança a posição de uma das linguagens de programação mais requisitadas no desenvolvimento web. Se você já conhece JavaScript e quer subir para o próximo nível, ou está apenas começando sua jornada na programação — o TypeScript será sua base sólida. Neste artigo, vamos analisar por onde começar a estudar TypeScript em 2025, configurar o ambiente de desenvolvimento e escrever os primeiros programas.

TypeScript é um superconjunto estritamente tipado sobre JavaScript, desenvolvido pela Microsoft. Ele adiciona ao código tipagem estática, interfaces, genéricos e muitas outras funcionalidades modernas que tornam o desenvolvimento mais seguro e previsível.

Por que vale a pena aprender TypeScript exatamente em 2025?

O TypeScript se tornou o padrão de facto para grandes projetos. Gigantes como Google, Microsoft, Airbnb e muitos outros o utilizam ativamente em seus produtos. Aqui estão algumas razões pelas quais vale a pena começar agora:

• Estabilidade do ecossistema — TypeScript versão 5.x é uma ferramenta completamente madura e confiável.
• Alta demanda no mercado — as vagas para desenvolvedores TypeScript estão entre as mais bem pagas.
• Excelente suporte de ferramentas — VS Code, WebStorm, ESLint, Prettier funcionam com TypeScript "de fábrica".
• Curva de aprendizado suave — se você conhece JavaScript, já conhece 80% do TypeScript.

Passo 1: Instalação e configuração do ambiente

Para trabalhar com TypeScript, você precisará do Node.js (versão 18 ou superior). Instale-o a partir do site oficial nodejs.org. Após a instalação, verifique a versão no terminal:

node -vnpm -v

Agora instale o TypeScript globalmente via npm:

npm install -g typescript

Verifique a instalação:

tsc -v

Você deve ver o número da versão, por exemplo Version 5.5.0. Parabéns, seu ambiente está pronto!

Passo 2: Primeiro programa em TypeScript

Crie uma pasta para o projeto e o arquivo hello.ts:

mkdir my-first-tscd my-first-tstouch hello.ts

Abra o arquivo no editor e escreva:

function greet(name: string): string {    return `Olá, ${name}! Bem-vindo ao mundo do TypeScript 2025.`;}

const userName: string = \"Alexei\";console.log(greet(userName));

Observe as anotações de tipo : string — esta é a diferença chave em relação ao JavaScript. Agora vamos compilar o código para JavaScript:

tsc hello.ts

Na pasta, aparecerá o arquivo hello.js. Execute-o:

node hello.js

Você verá: Olá, Alexei! Bem-vindo ao mundo do TypeScript 2025.

Passo 3: Fundamentos de tipagem — tipos de dados e interfaces

TypeScript oferece um rico sistema de tipos. Vamos examinar os tipos básicos:

// Tipos primitivoslet isReady: boolean = true;let count: number = 42;let message: string = \"TypeScript\";

// Arrayslet numbers: number[] = [1, 2, 3];let names: Array<string> = [\"Ana\", \"Ivan\"];

// Tuple (tupla)let pair: [string, number] = [\"idade\", 30];

// Enum (enumeração)enum Direction {    North,    East,    South,    West}let dir: Direction = Direction.North;

Interfaces são uma ferramenta poderosa para descrever a estrutura de objetos:

interface User {    id: number;    name: string;    email: string;    isActive?: boolean; // propriedade opcional}

function createUser(user: User): void {    console.log(`Usuário criado: ${user.name} (${user.email})`);}

const newUser: User = {    id: 1,    name: \"Maria\",    email: \"maria@example.com\"};

createUser(newUser);