Do JS tipado ao projeto real: types, generics, strict mode e integração com React ou Node.
Mapa mental do roadmap
Tipos primitivosunion, literal
Tipos primitivos e um topico essencial da fase "Base" do Roadmap TypeScript, focado em union, literal. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Interfaces e typescontratos
Interfaces e types e um topico essencial da fase "Base" do Roadmap TypeScript, focado em contratos. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Funções tipadasparams e retorno
Funções tipadas e um topico essencial da fase "Base" do Roadmap TypeScript, focado em params e retorno. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
strict modenoImplicitAny
strict mode e um topico essencial da fase "Base" do Roadmap TypeScript, focado em noImplicitAny. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Genericsreutilização segura
Generics e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em reutilização segura. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Utility typesPartial, Pick…
Utility types e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em Partial, Pick…. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Módulosimport/export
Módulos e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em import/export. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Com JSDoc legadomigração gradual
Com JSDoc legado e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em migração gradual. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
TS + Reactprops e hooks
TS + React e um topico essencial da fase "Stack" do Roadmap TypeScript, focado em props e hooks. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
TS + NodeAPI tipada
TS + Node e um topico essencial da fase "Stack" do Roadmap TypeScript, focado em API tipada. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Zod / validaçãoruntime + types
Zod / validação e um topico essencial da fase "Stack" do Roadmap TypeScript, focado em runtime + types. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Detalhamento por fase
1 Fase 1 - Base
Objetivo da fase: consolidar o aprendizado pratico de base.
Tipos primitivos - union, literalessencial
Tipos primitivos e um topico essencial da fase "Base" do Roadmap TypeScript, focado em union, literal. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Interfaces e types - contratosessencial
Interfaces e types e um topico essencial da fase "Base" do Roadmap TypeScript, focado em contratos. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Funções tipadas - params e retornoessencial
Funções tipadas e um topico essencial da fase "Base" do Roadmap TypeScript, focado em params e retorno. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
strict mode - noImplicitAnyessencial
strict mode e um topico essencial da fase "Base" do Roadmap TypeScript, focado em noImplicitAny. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
2 Fase 2 - Dia a dia
Objetivo da fase: consolidar o aprendizado pratico de dia a dia.
Generics - reutilização seguraessencial
Generics e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em reutilização segura. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Utility types - Partial, Pick…essencial
Utility types e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em Partial, Pick…. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Módulos - import/exportessencial
Módulos e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em import/export. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Com JSDoc legado - migração gradualopcional
Com JSDoc legado e um topico essencial da fase "Dia a dia" do Roadmap TypeScript, focado em migração gradual. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
3 Fase 3 - Stack
Objetivo da fase: consolidar o aprendizado pratico de stack.
TS + React - props e hooksessencial
TS + React e um topico essencial da fase "Stack" do Roadmap TypeScript, focado em props e hooks. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
TS + Node - API tipadaessencial
TS + Node e um topico essencial da fase "Stack" do Roadmap TypeScript, focado em API tipada. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Zod / validação - runtime + typesopcional
Zod / validação e um topico essencial da fase "Stack" do Roadmap TypeScript, focado em runtime + types. Para dominar este conceito, recomenda-se criar um projeto pratico no GitHub e testar implementacoes reais.
Perguntas frequentes
Quanto tempo leva para concluir o Roadmap TypeScript?
O tempo estimado e de ~4–6 semanas, dependendo da dedicacao diaria e pratica constante.
Por onde comecar do zero absoluto?
Inicie pela Fase 1 pelos nos marcados como essenciais antes de avancar para topicos avancados.
Como usar este roadmap
- Siga as fases na ordem — pular fundamentos cria buracos difíceis de fechar depois.
- Cada nó essencial precisa de um artefato: repo, deploy, checklist marcado ou demo.
- Ajuste o ritmo à sua rotina; a métrica é entrega, não data no calendário.
- Volte aos nós opcionais quando o núcleo estiver sólido.