Pular para o conteúdo

TypeScript

TypeScript adiciona tipos estáticos ao JavaScript. Você pega erros antes de rodar, ganha autocomplete inteligente e escreve código mais seguro. É requisito na maioria das vagas frontend e fullstack no Brasil.

Tempo estimado 20h
Dificuldade intermediario
Pré-requisitos 2

Gere um curso personalizado de TypeScript

Adaptado ao seu nível, focado no que você precisa aprender.

Criar meu curso

Por que aprender TypeScript

TypeScript adiciona tipos estáticos ao JavaScript. Você pega erros antes de rodar, ganha autocomplete inteligente e escreve código mais seguro. É requisito na maioria das vagas frontend e fullstack no Brasil.

Pré-requisitos sugeridos

  • JavaScript intermediário (funções, arrays, async/await, módulos)
  • Familiaridade com npm e terminal

Roteiro recomendado de aprendizado

Esse é o caminho geral pra aprender TypeScript — a IA do Souly gera um plano sob medida pro seu nível e ritmo.

  1. Tipos básicos e configuração (3h) — Instalar TypeScript, configurar tsconfig.json, entender tipos primitivos (string, number, boolean), arrays, tuples e enums. Migrar um arquivo JS simples pra TS e ver os erros aparecerem.
  2. Interfaces e tipos compostos (4h) — Criar interfaces e type aliases, union types, intersection types e optional properties. Tipar objetos de API, props de componentes e respostas de fetch.
  3. Funções e generics (5h) — Tipar parâmetros, retorno e callbacks. Entender generics como abstração de tipo: funções, classes e interfaces genéricas. Praticar com wrappers de API e utilidades reutilizáveis.
  4. TypeScript com React (4h) — Tipar props, state, eventos, refs e hooks customizados. Padrões comuns: discriminated unions pra estado, ComponentProps e children tipados. Migrar um componente React existente.
  5. Projeto integrador (4h) — Construir uma aplicação completa em TypeScript (frontend React + lógica de negócio tipada) com strict mode. Praticar inferência, narrowing e utility types (Pick, Omit, Partial, Record).

O que você recebe

Curso gerado sob medida com o formato abaixo.

  • 4-6 módulos progressivos (do básico ao avançado)
  • 15-30 aulas com atividades interativas
  • Quiz, flashcards e exercícios práticos
  • Certificado ao concluir
  • Mapa visual do progresso
Gerar agora

Perguntas frequentes

Preciso saber JavaScript antes de TypeScript?

Sim. TypeScript é um superset de JavaScript — todo código JS é código TS válido. Sem entender JS, você vai decorar tipos sem entender o comportamento por baixo. Aprenda JS primeiro, depois migre.

TypeScript é obrigatório no mercado?

Na prática, sim pra a maioria das vagas frontend e fullstack no Brasil. Projetos novos em empresas de tecnologia quase sempre começam com TypeScript. É raro encontrar vaga React que não peça TS.

TypeScript deixa o código mais lento?

Não. TypeScript é compilado pra JavaScript puro antes de rodar. Os tipos existem só em tempo de desenvolvimento e são removidos no build. Performance em runtime é idêntica ao JS.

Vale a pena migrar um projeto JS existente pra TS?

Sim, gradualmente. TypeScript permite migração arquivo por arquivo com allowJs. Comece pelos módulos mais críticos e vá expandindo. Não precisa migrar tudo de uma vez.

Qual a diferença entre type e interface?

Pra a maioria dos casos, são intercambiáveis. Interface suporta declaration merging (útil pra bibliotecas). Type suporta union e intersection. Convenção comum: interface pra objetos e props, type pra unions e utilitários.

Pronto para começar?

A geração leva poucos minutos e o curso é seu para sempre.

Criar meu curso de TypeScript

Última atualização: