Roadmap de TypeScript
Domine o TypeScript, desde a tipagem básica e configuração do compilador até programação em nível de tipos (type-level programming), Generics avançados e criação de arquivos de declaração para bibliotecas complexas.
Projetos relacionados:
Projetos de Programação- Níveis
- 4
- Etapas
- 32
- Concluídos
- 0
Seu progresso
Essa seção atualiza em tempo real. Clique numa etapa e marque como concluída pra ver a barra avançar.
Essa seção atualiza em tempo real. Clique numa etapa e marque como concluída pra ver a barra avançar.
Fácil
-
O que é TypeScript
Entenda o conceito de superset, as vantagens da tipagem estática e como o TypeScript se relaciona com o JavaScript.
-
Instalação e Compilação
Aprenda a instalar o compilador tsc e a configurar o comportamento básico do projeto através do arquivo tsconfig.json.
-
Tipos Primitivos e Inferência
Trabalhe com os tipos string, number e boolean, e entenda como o TypeScript infere tipos automaticamente sem anotações explícitas.
-
Arrays e Tuplas
Defina listas de dados homogêneos com Arrays e aprenda a usar Tuplas para arrays de tamanho fixo e tipos conhecidos em posições específicas.
-
Tipos Any e Unknown
Compreenda a diferença crucial entre a flexibilidade perigosa do any e a segurança exigida pelo unknown.
-
Tipagem de Funções
Adicione tipos aos parâmetros de funções, defina retornos obrigatórios (incluindo void) e utilize parâmetros opcionais.
-
Type Aliases e Objetos
Crie formatos customizados de dados utilizando a palavra-chave type para tipar a estrutura exata de objetos complexos.
-
Union e Intersection Types
Combine múltiplos tipos permitindo que uma variável seja de um tipo OU outro (Union), e mescle estruturas complexas (Intersection).
Média
-
Interfaces
Declare contratos para objetos utilizando interfaces e entenda a diferença de uso prático entre Interfaces e Type Aliases.
-
Type Assertions
Aprenda a usar a sintaxe 'as Type' para informar ao compilador sobre tipos específicos quando você sabe mais que a ferramenta.
-
Enums
Mapeie um conjunto de constantes nomeadas utilizando Enums numéricos e de string, compreendendo o impacto do const enum no código compilado.
-
Literal Types
Restrinja variáveis a valores exatos e específicos (ex: 'sucesso' | 'erro') em vez de tipos primitivos amplos como apenas string.
-
Type Narrowing
Refine tipos dentro de blocos condicionais utilizando operadores JavaScript puros como typeof, instanceof e in.
-
Classes e Modificadores
Estruture classes tipadas e controle a visibilidade de propriedades usando os modificadores public, private, protected e readonly.
-
Implementação de Interfaces
Force classes a seguirem contratos estritos utilizando a palavra-chave implements para garantir estruturas e métodos.
-
Módulos no TypeScript
Entenda a resolução de módulos, a diferença entre importações de valores e as importações exclusivas de tipos (import type).
Intermediário
-
Introdução a Generics
Crie funções, interfaces e classes reutilizáveis que trabalham com uma variedade de tipos usando variáveis de tipo (como ).
-
Constraints em Generics
Restrinja os tipos genéricos aceitos utilizando a palavra-chave extends para garantir que o tipo passado possua propriedades específicas.
-
Utility Types Básicos
Transforme tipos existentes facilmente com utilitários nativos como Partial, Required e Readonly.
-
Utility Types de Estrutura
Extraia ou omita chaves específicas de objetos existentes utilizando Pick, Omit e crie dicionários tipados com Record.
-
Type Guards Customizados
Crie funções predicativas (ex: 'value is MyType') para encapsular lógicas complexas de validação de tipos no tempo de execução.
-
Operador keyof
Extraia os nomes das chaves de um tipo objeto como Union Types de strings para criar tipagens dinâmicas e seguras.
-
Indexed Access Types
Acesse os tipos das propriedades de um objeto dinamicamente usando a sintaxe Type[Key], semelhante ao acesso de arrays no JavaScript.
-
Mapped Types
Gere novos tipos iterando sobre as chaves de um tipo existente, permitindo transformações em massa (ex: transformar todas as propriedades em opcionais).
Avançado
-
Conditional Types
Implemente lógicas condicionais (T extends U ? X : Y) em nível de tipos para criar estruturas que se adaptam com base nas entradas genéricas.
-
Inferência de Tipos Avançada
Utilize a palavra-chave infer dentro de Conditional Types para extrair e deduzir tipos dinamicamente de estruturas complexas (ex: extrair o tipo de retorno de uma Promise).
-
Template Literal Types
Crie tipos baseados em manipulação e interpolação de strings no tempo de compilação, construindo validações poderosas de formato textual.
-
Declaration Merging
Aumente o escopo de interfaces globais e namespaces mesclando declarações, técnica essencial para injetar tipagens em bibliotecas externas.
-
Covariância e Contravariância
Domine as regras de variância matemática do sistema de tipos estrutural do TypeScript e entenda como parâmetros de funções são avaliados com o strictFunctionTypes.
-
Configurações Estritas e Otimização
Aprofunde-se no Strict Mode do compilador, flags avançadas de verificação de nulos, variáveis não utilizadas e estratégias de performance com project references.
-
Arquivos de Declaração
Escreva e publique arquivos .d.ts do zero para tipar pacotes legados escritos em JavaScript puro ou expor a API de suas próprias bibliotecas.
-
Integração de Build Avançada
Entenda arquiteturas modernas isolando a verificação de tipos (tsc) do processo de transpilação rápida utilizando Esbuild, Babel, Vite ou SWC.
Como estudar este roadmap
Siga os passos na ordem sugerida, mas pule sem culpa qualquer um que você já domine. Pra cada etapa, pesquise no Google, assista vídeos no YouTube, consulte a documentação oficial ou peça ajuda a uma IA. O importante é dominar o assunto antes de seguir pro próximo. Não existe prazo: vá no seu ritmo.
Perguntas frequentes sobre o roadmap de TypeScript
Preciso ter experiência prévia pra começar?
Não. O roadmap começa do nível Fácil e evolui aos poucos. Se você já domina o tópico, pule o tópico direto.
Preciso seguir os níveis e tópicos na ordem exata?
Não é obrigatório. A ordem é uma sugestão, pule qualquer assunto que você já domine, se achar necessário.
Esse roadmap é gratuito?
Sim, totalmente gratuito e sem cadastro.
Onde eu estudo o conteúdo de cada step?
Use Google, YouTube, documentações oficiais ou uma IA como apoio, até dominar o assunto completamente.
Comentários
0Participe da conversa
Faça login com sua conta para deixar dúvidas, sugestões e trocar ideias com outros estudantes.
Nenhum comentário ainda. Seja o primeiro a participar da discussão!