Extra — TypeScript

Objectivo: perceber o que é o TypeScript e porque é que o usamos — JavaScript com tipos, que apanha erros antes de correr. Pré-requisito: F3 (JavaScript).


1. O problema que resolve

Em JavaScript, isto só falha quando corre:

function saudar(nome) { return "Olá " + nome.toUpperCase(); }
saudar(42);   // 💥 erro só em tempo de execução

O TypeScript avisa-te enquanto escreves.

2. Tipos básicos

let nome: string = "Ana";
let idade: number = 30;
let activo: boolean = true;
let tags: string[] = ["a", "b"];

3. Funções tipadas

function saudar(nome: string): string {
  return "Olá " + nome.toUpperCase();
}
saudar(42);   // ❌ o editor avisa logo: 42 não é string

4. Objectos e interfaces

interface Cliente {
  nome: string;
  nif: string;
  activo?: boolean;   // opcional
}

const c: Cliente = { nome: "Ana", nif: "005..." };

5. Onde aparece

  • Em Next.js, Astro e muitos projectos modernos os ficheiros são .ts/.tsx.
  • Não precisas de o dominar para começar — mas reconhecê-lo ajuda a ler código real.

Regra prática: deixa o editor (e a IA) ajudarem-te com os tipos. Os erros a vermelho são amigos — apanham bugs cedo.


✅ Exercício

Escreve uma interface Produto com nome: string, preco: number e iva?: number (opcional). Cria um objecto que a cumpra.

🧠 Quiz — testa o que aprendeste

1 TypeScript é…

2 A principal vantagem:

Material de formação · Desenvolvido por DCSC Tecnologias