Aprender TypeScript: Curso
Aprender TypeScript: Curso — Aprenda TypeScript com um verificador de tipos no seu bolso
Aprender TypeScript: Curso é um app gratuito para iOS e Android onde você aprende TypeScript escrevendo código. O compilador roda no dispositivo, então os erros de tipo são sublinhados enquanto você digita, e 101 cursos avançam da sua primeira anotação por unions, generics e conditional types até React, Node.js e tRPC. Um Mentor de IA explica qualquer mensagem do compilador em linguagem simples.
- Preço
- Gratuito, upgrade para Pro
- Plataformas
- iOS e Android
- Idiomas
- 22
- Classificação etária
- 4+
- Requisitos
- iOS 15.1 ou posterior
- App Store
- 3.0 ★ (1)
Você aprende tipos mais rápido vendo o sublinhado vermelho aparecer.
O objetivo central do TypeScript é o ciclo de feedback: escreva algo errado, veja exatamente onde e por que está errado e corrija. O editor verifica seus tipos enquanto você digita, e o Type Explorer mostra o que o compilador considera que um valor é, para que os conceitos apareçam junto dos erros que eles explicam.
O que é
Aprender TypeScript: Curso é um app gratuito para iOS e Android para aprender TypeScript com um compilador real rodando no celular. Seus 101 cursos e 352 lições, organizados dos níveis A1 ao C2, abrangem tipos básicos, interfaces, unions, narrowing, generics, conditional e mapped types, a palavra-chave infer, strict mode e tsconfig, além de projetos reais com React, Node.js, Zod, Jest e tRPC. O editor sublinha os erros de tipo enquanto você digita, e puzzles, projetos guiados, missões de programação, um simulador de entrevistas e um Mentor de IA complementam a prática.
Dentro do app
Como ele é
O curso
O que o curso de TypeScript aborda
101 cursos na lista de cursos do próprio app, classificados de A1 a C2. Estes são os principais blocos, usando os nomes reais dos cursos.
Primeiro, tipos e variáveis
Introdução ao TypeScript, TypeScript vs JavaScript: por que os tipos são importantes, Tipos básicos (string, number, boolean, any, unknown) e Fundamentos de tipos e variáveis.
Funções, objetos e tipos do dia a dia
Funções e anotações de tipo, Arrays, Tuplas e Enums, Interfaces e aliases de tipo, Tipos de união e interseção, Tipos literais e asserções const, além de Encadeamento opcional e Coalescência nula.
Narrowing, classes e generics
Narrowing de tipos e Type Guards, Classes e modificadores de acesso, Fundamentos de Generics, Assinaturas de índice e os operadores typeof e keyof.
Utility types e código seguro
Utility Types (Partial, Required, Pick, Omit, Record), Padrões de tratamento de erros, Modo estrito e boas práticas de tsconfig, além de Validação em tempo de execução com Zod.
Tipos avançados
Generics avançados com restrições e tipos condicionais, Mapped Types e Template Literal Types, Uniões discriminadas e exaustividade, além do operador satisfies.
TypeScript em projetos reais
TypeScript com React: Props e Hooks, TypeScript com Node.js e Express, Testando TypeScript com Jest, Clientes de API type-safe, tRPC, GraphQL e Next.js.
Migração e ferramentas
Migração: JavaScript para TypeScript, Build e bundlers, Configuração de monorepo com TypeScript e Criação de arquivos de declaração.
Programação em nível de tipo
A palavra-chave infer e tipos condicionais complexos, criação de Utility Types personalizados, tipos recursivos e autorreferentes, além da API do compilador TypeScript.
Como funciona
Como funciona uma lição de TypeScript
As lições são curtas, e o compilador faz parte de todas elas.
Leia uma explicação curta
Cada lição leva de cinco a dez minutos e combina uma explicação simples com um pequeno exemplo, como a diferença entre uma interface e um type alias.
Escreva código e acompanhe os tipos
Digite no editor e os erros serão sublinhados em tempo real. O Type Explorer mostra o tipo na posição do cursor, incluindo os membros de uma union, e você pode executar o programa para ver sua saída.
Pratique e pergunte se algo não estiver claro
Perguntas e pequenas tarefas de código encerram cada tópico, com puzzles no Type Gym e código quebrado para corrigir na Debug Arena. Se uma generic constraint ou uma mensagem do compilador parecer confusa, o Mentor de IA explica.
O que está incluído
O que vem com o app
101
Cursos dos primeiros tipos ao C2
352 lições organizadas dos níveis A1 ao C2, desde a importância dos tipos e os tipos básicos até a API do compilador TypeScript e a criação de parsers type-safe.
Ao vivo
Verificação de tipos no editor
Os erros de tipo são sublinhados enquanto você digita, o Type Explorer mostra o tipo sob o cursor, e as Ferramentas de IA podem revisar seu programa e sugerir uma correção que você pode aplicar.
24
Puzzles do Type Gym
24 puzzles de tipos, além de um puzzle do dia, e uma Debug Arena onde você corrige código quebrado antes que o tempo acabe.
20
Projetos guiados e 60 missões
Pequenos programas construídos passo a passo, com cada etapa verificada quando você a executa, além de 60 missões de programação em três níveis, de Hello World a algoritmos.
30
Simulador de entrevistas
Um conjunto cronometrado de 30 perguntas com um relatório avaliado, além de 50 perguntas de entrevista com respostas e um radar de pontos fracos que mostra os tópicos que você ainda erra.
IA
Mentor de IA
Pergunte sobre um erro do compilador ou uma generic constraint e receba uma explicação em linguagem simples.
Contexto
Por que aprender TypeScript se você já conhece JavaScript?
TypeScript é JavaScript com um sistema de tipos estáticos adicionado. Você descreve o formato dos seus dados, o compilador verifica cada uso deles antes da execução do código, e os tipos são removidos quando ele compila tudo para JavaScript puro. É por isso que bases de código em React, Angular e Node usam TypeScript com tanta frequência: a mesma linguagem, com autocompletar no editor que conhece seu código e toda uma categoria de bugs do tipo undefined-is-not-a-function detectada durante o build. Se você consegue ler JavaScript, já conhece a maior parte do que precisa para começar.
Anotações e inferência de tiposcomece por aqui
Você pode anotar uma variável ou um parâmetro de função com um tipo, e o TypeScript infere muitos tipos sozinho a partir do valor atribuído. Aprender quando escrever um tipo e quando deixar a inferência fazer isso é a primeira habilidade prática.
Unions e narrowinga ferramenta indispensável do dia a dia
Um union type indica que um valor pode ser de um entre vários tipos. O narrowing, por meio de verificações com typeof, igualdade e type guards personalizados, informa ao compilador qual deles é usado dentro de um branch, e os discriminated unions permitem verificar todos os casos de forma exaustiva.
Genericsflexíveis, mas ainda seguros
Generics permitem que uma função ou tipo trabalhe com vários tipos sem recorrer a any. As constraints, com a palavra-chave extends, indicam então o que um parâmetro de tipo precisa ser capaz de fazer.
Utility, mapped e conditional typesonde o sistema de tipos se torna expressivo
Partial, Pick, Omit e Record são construídos com mapped e conditional types. Quando você entende esses conceitos, junto com a palavra-chave infer, pode escrever seus próprios utility types em vez de copiá-los.
tsconfig e strict modeo quanto você quer que o compilador seja rigoroso
As opções do compilador determinam o quanto o TypeScript vai reclamar. Ativar o strict mode é o que torna os tipos confiáveis e também permite migrar um projeto JavaScript existente gradualmente, arquivo por arquivo.
Para quem é
Para quem é — e para quem não é
É uma boa opção se você
- Escreve JavaScript e continua vendo TypeScript em vagas de emprego e bases de código
- Usa React ou Node e quer código tipado de ponta a ponta
- É iniciante e prefere aprender a linguagem tipada desde o começo
- Aprende melhor com feedback do compilador e pequenos desafios, não apenas lendo
- Tem um projeto JavaScript e quer migrá-lo arquivo por arquivo
Não é a ferramenta certa se você
- Nunca escreveu código e quer que uma primeira linguagem seja explicada desde o zero, pois as lições pressupõem que você saiba ler código
- Precisa criar um projeto grande em uma IDE completa, o que ainda exige um laptop
- Espera que tudo seja gratuito, porque o primeiro curso é gratuito e o Pro desbloqueia o restante
- Quer um curso oficial da Microsoft, já que o app é independente
Dúvidas
Perguntas frequentes
Qual é a melhor maneira de aprender TypeScript no celular?
Use algo que realmente verifique seus tipos, não apenas textos para ler. Aprender TypeScript: Curso executa o compilador no dispositivo, sublinha os erros de tipo enquanto você digita e combina 101 cursos com desafios de tipos, projetos guiados e um Mentor de AI. É gratuito para começar em iOS e Android, em 22 idiomas.
Posso aprender TypeScript sem saber JavaScript?
Pode, mas ajuda conhecer primeiro um pouco de JavaScript, porque TypeScript é JavaScript com tipos. Aprender TypeScript: Curso começa explicando por que os tipos são importantes e apresenta os tipos básicos, e um dos primeiros cursos compara TypeScript com JavaScript. Iniciantes que querem aprender a linguagem tipada desde o primeiro dia são um dos públicos para os quais o app foi criado.
Qual é a diferença entre TypeScript e JavaScript?
TypeScript adiciona um sistema de tipos estáticos ao JavaScript. O compilador verifica seu código com base nos tipos que você declara ou que ele infere e depois os remove, então o que é executado é JavaScript comum. Os benefícios são detectar erros mais cedo e ter um preenchimento automático melhor no editor; o custo é uma etapa de build e alguma sintaxe extra para aprender.
O app verifica meu TypeScript com um compilador real?
Sim. O compilador TypeScript é executado no dispositivo, então o editor mostra os erros de tipo sublinhados enquanto você digita, e o Type Explorer exibe o tipo na posição do cursor. Você também pode executar seu código e ver o resultado. O app informa que TypeScript é uma marca registrada da Microsoft Corporation e não tem afiliação com a Microsoft.
O que são generics em TypeScript e como o app ensina esse conceito?
Generics permitem que uma função ou tipo trabalhe com vários tipos sem perder a segurança de tipos, em vez de recorrer a any. O app ensina esse conceito em etapas, começando por funções e tipos genéricos, depois restrições, tipos condicionais, mapped types e template literal types e a palavra-chave infer, com desafios no Type Gym para praticar.
O conteúdo aborda TypeScript com React e Node.js?
Sim. Os cursos de projetos reais incluem TypeScript com props e hooks do React, TypeScript com Node.js e Express, clientes de API type-safe, validação em tempo de execução com Zod, testes com Jest, GraphQL, tRPC e Next.js. Um curso de migração mostra como adotar TypeScript gradualmente em um projeto JavaScript existente.
O Aprender TypeScript: Curso é gratuito?
O download é gratuito. A versão gratuita inclui o primeiro curso, o primeiro projeto guiado e a primeira trilha de projetos, duas missões de programação, prática diária no Lab e uma cota diária do Mentor de AI, além de exibir anúncios. O Pro desbloqueia todos os cursos, projetos, trilhas e missões, uso ilimitado do Mentor de AI e do Lab, a lista completa de erros no editor e a prova para obter o certificado, além de remover os anúncios.
O app ajuda em entrevistas de TypeScript?
Sim. O simulador de entrevista é um conjunto cronometrado de 30 perguntas que termina com um relatório avaliado, e há 50 perguntas de entrevista com respostas. Um radar de pontos fracos mostra quais tópicos você ainda erra, para que possa voltar ao curso certo.
Quanto tempo leva para aprender TypeScript?
Se você já conhece JavaScript, os fundamentos de tipos, interfaces e uniões podem ser aprendidos em algumas semanas com lições diárias curtas, enquanto generics e o sistema de tipos avançado levam mais tempo. O app ajuda a manter um ritmo constante com sequências, XP, acompanhamento do progresso e lembretes diários no horário que você escolher.
Há um certificado?
Sim. O Pro inclui um exame para obter o certificado, e quem for aprovado recebe um certificado de conclusão para compartilhar. Ele registra as atividades do curso que você realizou e não é uma qualificação da Microsoft.
Comece agora
Escreva seu primeiro programa tipado hoje
Comece gratuitamente no iOS e Android, em 22 idiomas.
Mais da CoddyKit
Disponível em iOS e Android.