Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Guia de TypeScript

Guia de TypeScript

🎯 O guia para alavancar a sua carreira

TypeScript é o JavaScript com tipos estáticos: você escreve código que o compilador verifica antes de rodar, ganha autocompletar de verdade no editor e refatora sem medo. Criado pela Microsoft e open source, hoje é a linguagem padrão do front-end (React, Angular, Vue), do back-end em Node.js e dos SDKs de IA. Este guia reúne trilha de estudo, cursos gratuitos e pagos, livros, ferramentas, comunidades e um capítulo dedicado a usar IA na prática com TypeScript — tudo verificado e organizado para quem já sabe JavaScript e quer dar o próximo passo, do primeiro tsc --init a tipos avançados.

Siga nas redes sociais para acompanhar mais conteúdos:
Discord Badge Youtube Badge

⚠️ Aviso importante

Antes de tudo você pode me ajudar e colaborar, deu bastante trabalho fazer esse repositório e organizar para fazer seu estudo ou trabalho melhor, portanto você pode me ajudar das seguintes maneiras:

💡 Nossa proposta

A proposta deste guia é dar uma ideia sobre o atual panorama e guiá-lo se você estiver confuso sobre qual será o seu próximo aprendizado, sem influenciar você a seguir os 'hypes' e 'trends' do momento. Acreditamos que com um maior conhecimento das diferentes estruturas e soluções disponíveis poderá escolher a ferramenta que melhor se aplica às suas demandas. E lembre-se, 'hypes' e 'trends' nem sempre são as melhores opções.

🔰 Para quem está começando agora

Não se assuste com a quantidade de conteúdo apresentado neste guia. Acredito que quem está começando pode usá-lo não como um objetivo, mas como um apoio para os estudos. Neste momento, dê enfoque no que te dá produtividade e o restante marque como Ver depois. Ao passo que seu conhecimento se torna mais amplo, a tendência é este guia fazer mais sentido e ficar fácil de ser assimilado. Bons estudos e entre em contato sempre que quiser! 👊

🚨 Colabore

  • Abra Pull Requests com atualizações
  • Discuta ideias em Issues
  • Compartilhe o repositório com a sua comunidade

🌍 Tradução

Se você deseja acompanhar esse repositório em outro idioma que não seja o Português Brasileiro, você pode optar pelas escolhas de idiomas abaixo, você também pode colaborar com a tradução para outros idiomas e a correções de possíveis erros ortográficos, a comunidade agradece.

Guia Extenso de ProgramaçãoEnglish — Click Here
Guia Extenso de ProgramaçãoSpanish — Click Here
Guia Extenso de ProgramaçãoChinese — Click Here
Guia Extenso de ProgramaçãoHindi — Click Here
Guia Extenso de ProgramaçãoArabic — Click Here
Guia Extenso de ProgramaçãoFrench — Click Here
Guia Extenso de ProgramaçãoItalian — Click Here
Guia Extenso de ProgramaçãoKorean — Click Here
Guia Extenso de ProgramaçãoRussian — Click Here
Guia Extenso de ProgramaçãoGerman — Click Here
Guia Extenso de ProgramaçãoJapanese — Click Here

📚 ÍNDICE

🗺️ Roadmap
📖 Documentação oficial
🔤 Sites e cursos para aprender TypeScript
📚 Livros
🎥 Canais no Youtube
🛠️ Ferramentas
🧪 Projetos práticos e desafios
🤖 IA na prática
💼 Carreira e vagas
👥 Comunidades
🎓 Certificações

🗺️ Roadmap

📖 Documentação oficial

🔤 Sites e cursos para aprender TypeScript

Cursos para aprender TypeScript em Português

Cursos para aprender TypeScript em Inglês

📚 Livros

🎥 Canais no Youtube

Em português

Em inglês

  • Matt Pocock — Dicas curtas e avançadas de TypeScript; o canal mais influente sobre o tema.
  • Jack Herrington — TypeScript, React e ferramentas modernas explicadas com profundidade.
  • Fireship — Vídeos de 100 segundos e tutoriais rápidos, incluindo TypeScript.
  • Web Dev Simplified — Tutoriais claros de JavaScript/TypeScript e React.
  • Theo — t3.gg — Opiniões e análises sobre o ecossistema TypeScript full-stack.
  • Traversy Media — Crash courses de praticamente toda tecnologia web.
  • freeCodeCamp.org — Cursos completos gratuitos com horas de duração.

🛠️ Ferramentas

Executar, compilar e empacotar

  • TypeScript Playground — Editor online oficial: teste tipos e compartilhe exemplos por link.
  • tsx — Execute arquivos TypeScript direto no Node, sem configurar nada.
  • ts-node — Executor clássico de TypeScript para Node.js.
  • esbuild — Bundler/transpilador extremamente rápido com suporte a TS.
  • Vite — Ferramenta de build padrão do front-end moderno; TypeScript funciona sem configuração.
  • Vitest — Framework de testes rápido com suporte nativo a TypeScript.
  • Deno — Runtime que executa TypeScript nativamente, com toolchain completo.
  • Bun — Runtime e bundler ultrarrápido que roda .ts sem build.
  • tsup — Empacote bibliotecas TypeScript com zero configuração.
  • tsdown — Bundler de bibliotecas baseado em Rolldown, sucessor espiritual do tsup.
  • tsconfig/basestsconfig.json base recomendados para Node, React, Vite etc.

Qualidade de código e editor

Bibliotecas TypeScript-first e utilitários

  • Zod — Validação de esquemas com inferência de tipos: valide dados e ganhe os tipos de graça.
  • Valibot — Alternativa modular e leve ao Zod.
  • ArkType — Validação com sintaxe idêntica à do TypeScript e performance altíssima.
  • tRPC — APIs com tipagem ponta a ponta sem gerar código.
  • Hono — Framework web pequeno, TypeScript-first, roda em qualquer runtime.
  • Prisma — ORM com cliente totalmente tipado gerado a partir do schema.
  • Drizzle ORM — ORM leve, SQL-like e TypeScript-first.
  • Effect — Biblioteca para código TypeScript robusto: erros tipados, concorrência e mais.
  • type-fest — Coleção de tipos utilitários essenciais.
  • ts-reset — 'CSS reset' para TypeScript: corrige tipos ruins da lib padrão.
  • ts-pattern — Pattern matching com verificação de exaustividade.
  • transform.tools — JSON to TypeScript — Cole um JSON e receba as interfaces prontas.
  • quicktype — Gera tipos a partir de JSON, JSON Schema e GraphQL.

🧪 Projetos práticos e desafios

🤖 IA na prática

TypeScript e assistentes de IA formam uma dupla especialmente boa: a IA escreve rápido, e o compilador é um revisor independente que pega o que ela errou. Use isso a seu favor.

Para aprender

  • Cole um erro do compilador (ex.: TS2322: Type 'string' is not assignable to type 'number') junto com o trecho de código e peça: "explique a causa e mostre duas formas de corrigir sem usar any".
  • Peça para converter um arquivo JavaScript seu para TypeScript com strict: true e, depois, para justificar cada tipo escolhido.
  • Cole um JSON de uma API e peça as interfaces correspondentes — depois compare com o que o quicktype gera.
  • Peça um tipo avançado "explicado linha a linha" (ex.: um conditional type com infer) e verifique no Playground se o comportamento bate.
  • Peça exercícios com gabarito sobre o tópico que está estudando (generics, narrowing, mapped types).

Para trabalhar

  • Use GitHub Copilot, Cursor ou Claude Code para: trocar any por tipos precisos, escrever testes com Vitest, gerar arquivos .d.ts para uma biblioteca JavaScript legada e migrar projetos JS→TS de forma incremental (arquivo a arquivo).
  • Depois de cada sugestão aceita, rode npx tsc --noEmit e o linter. Se o código só compila com as, ! ou // @ts-ignore, a sugestão provavelmente está errada.
  • Ative "strict": true e "noUncheckedIndexedAccess": true: quanto mais rigoroso o compilador, mais erros de IA ele intercepta.

Limites e boas práticas

  • IA inventa APIs e tipos de bibliotecas (principalmente versões recentes). Confirme na documentação oficial e no node_modules/@types.
  • Ela tende a abusar de any, as unknown as X e de tipos desnecessariamente complexos. Prefira o tipo mais simples que resolve.
  • Não cole código proprietário, segredos ou dados de clientes em ferramentas sem a política da sua empresa.
  • Entenda o que você aceita: em entrevista e em produção, o código é seu.

TypeScript é a linguagem dos SDKs de IA. Aprender TS abre a porta para construir aplicações com LLMs — as principais bibliotecas são TypeScript-first:

  • GitHub Copilot — Autocomplete e chat com IA no editor; gratuito para estudantes e com plano free.
  • Cursor — Editor baseado no VS Code com IA integrada ao fluxo de trabalho.
  • Claude Code — Agente de código no terminal: refatora, escreve testes e explica tipos complexos.
  • Vercel AI SDK — SDK TypeScript para construir apps com LLMs (streaming, tools, agentes).
  • Anthropic TypeScript SDK — SDK oficial para usar os modelos Claude em TypeScript.
  • OpenAI Node/TypeScript SDK — SDK oficial da OpenAI, totalmente tipado.
  • LangChain.js — Framework para aplicações com LLMs em TypeScript.
  • Mastra — Framework TypeScript para agentes de IA, workflows e RAG.
  • Model Context Protocol — SDK TypeScript — Crie servidores MCP em TypeScript para conectar ferramentas a assistentes de IA.

💼 Carreira e vagas

TypeScript aparece como requisito na maior parte das vagas de front-end (React, Angular, Vue), Node.js e mobile (React Native) no Brasil. Dica: nos repositórios de vagas do GitHub abaixo, pesquise por "TypeScript" nas issues abertas.

👥 Comunidades

🎓 Certificações

Não existe certificação oficial de TypeScript — nem da Microsoft, que mantém a linguagem. Empregadores avaliam projetos publicados e domínio prático. Os certificados abaixo são de conclusão de curso: ajudam no currículo, mas não substituem portfólio.

About

Guia de TypeScript: trilhas, cursos, livros, canais, ferramentas e comunidades para você entrar e evoluir na área.

Topics

Resources

Code of conduct

Contributing

Stars

44 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors