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.