Introdução ao TypeScript: Eleve seu Desenvolvimento JavaScript

Descobrindo o Mundo do TypeScript

O TypeScript é uma linguagem de programação que adiciona tipagem estática e recursos avançados ao JavaScript. Neste tutorial, você embarcará em uma jornada para aprender os conceitos fundamentais do TypeScript e como utilizá-lo para criar aplicativos robustos.

Configuração do Ambiente de Desenvolvimento

Antes de começar, certifique-se de ter o Node.js instalado em seu computador, pois o TypeScript será compilado para JavaScript. Use um editor de código como o Visual Studio Code para escrever seu código TypeScript.

Conceitos Básicos do TypeScript

Criando um Projeto TypeScript

Para começar, crie um novo diretório para o projeto e abra o terminal.

Execute npm init -y para inicializar um projeto Node.js.
Instale o TypeScript com npm install typescript.

Tipos Básicos

O TypeScript introduz tipos para variáveis e valores.

typescript
let numero: number = 5;
let nome: string = "Alice";
let ativo: boolean = true;

Inferência de Tipos

O TypeScript pode inferir tipos com base nos valores.

typescript
let idade = 25; // O TypeScript infere que idade é do tipo number.

Funções e Tipos

Declare os tipos dos parâmetros e retorno de funções.

typescript
function saudacao(nome: string): string {
  return `Olá, ${nome}!`;
}

Interfaces e Objetos

Interfaces definem a estrutura de objetos.

typescript
interface Pessoa {
  nome: string;
  idade: number;
}

let pessoa: Pessoa = { nome: "Bob", idade: 30 };

Classes e Herança

O TypeScript suporta orientação a objetos.

typescript
class Animal {
  nome: string;

  constructor(nome: string) {
    this.nome = nome;
  }

  fazerBarulho(): void {
    console.log("Barulho genérico");
  }
}

class Cachorro extends Animal {
  fazerBarulho(): void {
    console.log("Latido");
  }
}

Compilação e Execução

Compile seu código TypeScript para JavaScript.

Crie um arquivo tsconfig.json com npx tsc --init.
No terminal, use npx tsc para compilar o TypeScript.
Execute o arquivo JavaScript resultante com node nome-do-arquivo.js.

Avançando com TypeScript

Genéricos e Reutilização

Os genéricos permitem criar funções e classes flexíveis.

typescript
function listaParaArray<T>(lista: T[]): T[] {
  return lista;
}

Union Types e Tipos Condicionais

União de tipos permite aceitar valores diferentes.

typescript
type NumeroOuString = number | string;

Módulos e Organização

O TypeScript suporta a organização de código em módulos.

typescript
// math.ts
export function soma(a: number, b: number): number {
  return a + b;
}

// app.ts
import { soma } from "./math";

Conclusão

Neste tutorial, você deu os primeiros passos no mundo do TypeScript. Você aprendeu a definir tipos, criar funções, usar classes e muito mais. À medida que você continua sua jornada, explore os recursos avançados do TypeScript, como genéricos e union types, para criar aplicativos mais sólidos e eficientes. O TypeScript oferece a você o poder da tipagem estática enquanto trabalha com o ecossistema JavaScript. Aproveite o aprendizado e comece a construir aplicativos TypeScript incríveis!

Curso Básico TypeScript